feat: add multiple admin dashboard layout components and update sidebar and navbar

app/layouts/admin/navbar.tsx

@@ -1,9 +1,13 @@
 import { Link } from 'react-router'
 
+import { ChevronDownIcon } from '~/components/icons/chevron-down'
 import { NotificationIcon } from '~/components/icons/notification'
+import { useAdminContext } from '~/contexts/admin'
 import { APP } from '~/data/meta'
 
 export const Navbar = () => {
+  const { adminProfile } = useAdminContext()
+
   return (
     <div className="flex h-20 items-center justify-between border-b border-[#ECECEC] bg-white px-10 py-5">
       <Link
@@ -16,7 +20,14 @@ export const Navbar = () => {
           className="h-3/4 w-auto sm:h-full"
         />
       </Link>
-      <div>
+      <div className="flex items-center gap-x-8">
+        <div className="flex w-3xs items-center justify-between">
+          <div className="flex items-center">
+            <div className="mr-3 h-8 w-8 rounded-full bg-[#C4C4C4]" />
+            <span className="text-xs">{adminProfile.name}</span>
+          </div>
+          <ChevronDownIcon className="opacity-10" />
+        </div>
         <NotificationIcon
           className="text-[#B0C3CC]"
           showBadge={true}