refactor: Replace legacy UI components with new App components across various files for improved consistency and maintainability

apps/web/src/components/layout/site-header.tsx

@@ -8,7 +8,7 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator,
 } from '@cfdm/ui/components/breadcrumb'
-import { Separator } from '@cfdm/ui/components/separator'
+import { AppSeparator } from '@/components/app-separator'
 import { SidebarTrigger } from '@cfdm/ui/components/sidebar'
 
 export interface RouteBreadcrumbLoaderData {
@@ -86,7 +86,7 @@ export function SiteHeader() {
     <header className="flex h-16 shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
       <div className="flex items-center gap-2 px-4">
         <SidebarTrigger className="-ml-1" />
-        <Separator
+        <AppSeparator
           orientation="vertical"
           className="mr-2 data-[orientation=vertical]:h-4"
         />