refactor: Update logo dimensions and enhance visual consistency in Navbar and Login components

- Replace logo image in Navbar.vue with a new asset and adjust dimensions for better responsiveness.
- Modify logo size in Login.vue to improve layout and maintain visual consistency across the application.

src/components/layout/Navbar.vue

@@ -55,8 +55,7 @@ const handleLogout = async () => {
       <!-- Logo and Desktop Navigation -->
       <div class="flex items-center gap-6">
         <router-link to="/" class="flex items-center gap-2 text-foreground hover:text-foreground/90">
-          <img src="@/assets/logo-72px.png" alt="Logo" class="h-14 -14" />
-          <!-- srcset="@/assets/logo-24px.png 1x, @/assets/logo-48px.png 2x, @/assets/logo-72px.png 3x" -->
+          <img src="@/assets/logo.png" alt="Logo" class="h-8 w-8 sm:h-10 sm:w-10 md:h-12 md:w-12" />
           <span class="font-semibold">{{ t('nav.title') }}</span>
         </router-link>
 

src/pages/Login.vue

@@ -2,10 +2,10 @@
   <div class="container py-8 space-y-6">
     <div class="flex flex-col items-center justify-center min-h-[60vh] space-y-8">
       <!-- Welcome Section -->
-      <div class="text-center space-y-4">
-        <div class="flex justify-center">
-          <img src="@/assets/logo.png" alt="Logo" class="h-36 w-36" />
-        </div>
+              <div class="text-center space-y-4">
+          <div class="flex justify-center">
+            <img src="@/assets/logo.png" alt="Logo" class="h-16 w-16 sm:h-24 sm:w-24 md:h-32 md:w-32 lg:h-36 lg:w-36" />
+          </div>
         <h1 class="text-4xl font-bold tracking-tight">Welcome to the Virtual Realm</h1>
         <p class="text-xl text-muted-foreground max-w-md">
           Your secure platform for events and community management