fix(navbar): adjust user avatar size and add shadow for improved aesthetics

feat(multimodal-input): increase text size for better readability

Author: Daslin-Davidson

components/custom/multimodal-input.tsx

@@ -193,7 +193,7 @@ export function MultimodalInput({
               animate={{ rotateX: 0, opacity: 1 }}
               exit={{ rotateX: 90, opacity: 0 }}
               transition={{ duration: 0.5 }}
-              className="text-xl font-semibold"
+              className="text-2xl font-semibold"
               style={{
                 textAlign: "center",
                 display: "inline-block",

components/custom/navbar.tsx

@@ -40,13 +40,13 @@ export const Navbar = async () => {
             <>
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
-                  <div className="size-10 rounded-full overflow-hidden flex items-center justify-center bg-emerald-600">
+                  <div className="size-8 rounded-full overflow-hidden flex items-center justify-center bg-emerald-600 shadow-md border border-zinc-200 dark:border-zinc-700">
                     <Image
                       src="/images/person.png"
                       alt="User avatar"
-                      width={40}
-                      height={40}
-                      style={{ width: "40px", height: "40px" }}
+                      width={32}
+                      height={32}
+                      style={{ width: "32px", height: "32px" }}
                     />
                   </div>
                 </DropdownMenuTrigger>