feat: add branding assets and refine login/sidebar UI

src/views/LoginView.vue

@@ -3,6 +3,7 @@ import { ref } from "vue";
 import { useRouter } from "vue-router";
 import { useAuthStore } from "../stores/auth";
 import { LogIn, ShieldCheck } from "lucide-vue-next";
+import logoUrl from "../assets/SB Sports.jpg";
 
 const router = useRouter();
 const auth = useAuthStore();
@@ -31,29 +32,7 @@ async function handleLogin() {
     <div class="bg-white rounded-2xl shadow-2xl w-full max-w-md p-10">
       <!-- Logo -->
       <div class="flex flex-col items-center mb-8">
-        <div class="bg-blue-900 p-4 rounded-2xl mb-4 shadow-lg">
-          <svg
-            width="48"
-            height="48"
-            viewBox="0 0 100 100"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <circle cx="50" cy="50" r="45" fill="#1e40af" />
-            <path
-              d="M30 70 L45 30 L55 50 L70 20"
-              stroke="white"
-              stroke-width="8"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-            <circle cx="70" cy="20" r="5" fill="white" />
-          </svg>
-        </div>
-        <h1 class="text-2xl font-black text-blue-900">SB SPORT</h1>
-        <p class="text-xs text-gray-400 uppercase tracking-widest mt-1">
-          Sanae Benkhlifa
-        </p>
+        <img :src="logoUrl" alt="SB Sport" class="h-20 w-auto object-contain mb-2" />
       </div>
 
       <!-- Form -->