Refactor DashboardHeader component to optimize layout and add DarkThemeToggle

Author: guillermoscript

components/dashboards/DashboardHeader.tsx

@@ -1,10 +1,7 @@
-import { SearchIcon } from 'lucide-react'
 import Image from 'next/image'
 import Link from 'next/link'
 
 import { DarkThemeToggle } from '@/components/DarkThemeToggle'
-import { CommandDialogComponent } from '@/components/dashboards/Common/CommandDialogComponent'
-import { Input } from '@/components/ui/input'
 import { getServerUserRole } from '@/utils/supabase/getUserRole'
 
 import DashboardHeaderSheet from './Common/DashboardHeaderSheet'
@@ -25,29 +22,15 @@ export default async function DashboardHeader () {
                     height={82}
                 />
             </Link>
-            <DashboardHeaderSheet userRole={userRole} />
-            <div className="w-full flex-1 hidden md:flex md:w-2/4">
-                <form
-                    className="w-full"
-                >
-                    <div className="relative md:w-2/3 lg:w-1/3">
-                        <SearchIcon className="absolute left-2.5 top-2.5 h-4 w-4 text-gray-500 dark:text-gray-400" />
-
-                        <Input
-                            className="w-full bg-white shadow-none appearance-none pl-8  dark:bg-gray-950"
-                            placeholder="Search lessons, courses, or students..."
-                            type="search"
-                        />
-                        <div className="absolute right-2.5 top-2.5">
-                            <CommandDialogComponent />
-                        </div>
-                    </div>
-                </form>
+            <div className="flex flex-grow items-center justify-end gap-4">
+                <DashboardHeaderSheet userRole={userRole} />
+                <StudentOnBoarding />
+                <Notifications />
+                <div className="hidden md:flex gap-4">
+                    <DarkThemeToggle />
+                </div>
+                <ProfileDropdown />
             </div>
-            <StudentOnBoarding />
-            <Notifications />
-            <DarkThemeToggle />
-            <ProfileDropdown />
         </header>
     )
 }