added tons of features

components/(protected)/admin/header.tsx

@@ -0,0 +1,41 @@
+import {ChevronDown} from 'lucide-react'
+
+import {
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuTrigger
+} from '@/ui/dropdown-menu'
+import {
+	SidebarHeader,
+	SidebarMenu,
+	SidebarMenuButton,
+	SidebarMenuItem
+} from '@/ui/sidebar'
+
+export default function AdminSidebarHeader() {
+	return (
+		<SidebarHeader>
+			<SidebarMenu>
+				<SidebarMenuItem>
+					<DropdownMenu>
+						<DropdownMenuTrigger asChild>
+							<SidebarMenuButton>
+								Select Workspace
+								<ChevronDown className='ml-auto' />
+							</SidebarMenuButton>
+						</DropdownMenuTrigger>
+						<DropdownMenuContent className='w-[--radix-popper-anchor-width]'>
+							<DropdownMenuItem>
+								<span>Acme Inc</span>
+							</DropdownMenuItem>
+							<DropdownMenuItem>
+								<span>Acme Corp.</span>
+							</DropdownMenuItem>
+						</DropdownMenuContent>
+					</DropdownMenu>
+				</SidebarMenuItem>
+			</SidebarMenu>
+		</SidebarHeader>
+	)
+}