UI: Swap light/dark logo files and increase logo size

src/app/dashboard/layout.tsx

@@ -39,23 +39,25 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
     <div className="flex h-screen bg-background overflow-hidden text-foreground selection:bg-primary/20">
       {/* Sidebar */}
       <aside className="w-64 border-r border-border bg-background flex flex-col hidden md:flex">
-        <div className="px-5 py-4">
+        <div className="px-6 py-5">
-          <Link href="/dashboard" className="block relative h-10 w-full hover:opacity-90 transition-opacity">
+          <Link href="/dashboard" className="block relative h-14 w-full hover:opacity-90 transition-opacity">
+            {/* Light Mode Logo (Requires Dark Text Logo) */}
             <div className="absolute inset-0 dark:hidden">
-              <Image 
-                src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" 
-                alt="PragatiVeer" 
-                fill
-                className="object-contain object-left"
-                priority
-              />
-            </div>
-            <div className="absolute inset-0 hidden dark:block">
               <Image 
                 src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" 
                 alt="PragatiVeer" 
                 fill
-                className="object-contain object-left"
+                className="object-contain object-left scale-110 origin-left"
+                priority
+              />
+            </div>
+            {/* Dark Mode Logo (Requires Light Text Logo) */}
+            <div className="absolute inset-0 hidden dark:block">
+              <Image 
+                src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" 
+                alt="PragatiVeer" 
+                fill
+                className="object-contain object-left scale-110 origin-left"
                 priority
               />
             </div>