Add mobile margins to header logo and profile

- Logo: ml-2 on mobile (8px left margin)
- Profile: mr-2 on mobile (8px right margin)
- Desktop: ml-0/mr-0 (no extra margins)

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/Browse.vue

@@ -9,7 +9,7 @@
         <div class="flex items-center justify-between">
           <!-- Logo + Navigation (Left Side) -->
           <div class="flex items-center gap-10">
-            <img src="/assets/images/logo.svg" alt="IndeedHub" class="h-10" />
+            <img src="/assets/images/logo.svg" alt="IndeedHub" class="h-10 ml-2 md:ml-0" />
             
             <!-- Navigation - Next to Logo on Desktop -->
             <nav class="hidden md:flex items-center gap-3">
@@ -73,7 +73,7 @@
             </div>
 
             <!-- Mobile User Avatar + Name (No Dropdown) -->
-            <div class="md:hidden flex items-center gap-2">
+            <div class="md:hidden flex items-center gap-2 mr-2">
               <div class="w-8 h-8 rounded-full bg-gradient-to-br from-orange-500 to-pink-500 flex items-center justify-center text-white text-sm font-semibold">
                 D
               </div>