feat: added new solid file manager logo

Author: PreciousOritsedere

app/components/Header.tsx

@@ -36,17 +36,16 @@ export default function Header({ onMenuClick, sidebarOpen = false }: HeaderProps
           )}
 
           {/* Logo/App Name */}
-          <div className="flex items-center gap-2 sm:gap-3">
+          <div className="max-w-[250px] max-h-[200px] w-full h-full flex items-center justify-center flex-shrink-0">
             <Image
-              src="/solid.svg"
+              src="/file-manager-logo.svg"
               alt="Solid Logo"
               width={24}
               height={24}
-              className="h-6 w-6 flex-shrink-0 sm:h-7 sm:w-7"
+              className="w-full h-full object-cover "
               priority
               aria-hidden="true"
             />
-            <h1 className="text-sm font-medium text-black sm:text-lg">Solid File Manager</h1>
           </div>
 
           {/* Action Buttons */}

app/components/LoginPage.tsx

@@ -40,14 +40,14 @@ export default function LoginPage() {
         aria-label="Branding section"
       >
         <div className="max-w-md">
-          <header className="mb-8">
-            <div className="mb-8">
+          <header className="flex flex-col items-center justify-center gap-2">
+            <div className="flex items-center justify-center w-[200px] h-[200px]">
               <Image
-                src="/solid.svg"
-                alt="Solid Logo"
-                width={80}
-                height={80}
-                className="mb-6"
+                src="/file-manager-logo.svg"
+                alt="Solid File Manager Logo"
+                width={60}
+                height={60}
+                className="w-full h-full object-cover"
                 priority
               />
             </div>
@@ -66,13 +66,14 @@ export default function LoginPage() {
       >
         <div className="w-full max-w-md">
           {/* Mobile logo */}
-          <header className="mb-8 lg:hidden">
-            <div className="mb-6 flex justify-center">
+          <header className="mb-8 lg:hidden flex flex-col items-center justify-center">
+            <div className="mb-2 flex items-center justify-center w-[200px] h-[200px]">
               <Image
-                src="/solid.svg"
-                alt="Solid Logo"
+                src="/file-manager-logo.svg"
+                alt="Solid File Manager Logo"
                 width={60}
                 height={60}
+                className="w-full h-full object-cover"
                 priority
               />
             </div>