fix/feat: menú social en Adicionales, botón publicar visible y bug dropdown búsqueda

- Menú: mueve Comunidad/Amigos/Mensajes a la sección Adicionales (elimina duplicado Chats)
- Feed: botón Publicar más grande con ícono, textarea sin pill para mejor UX
- Header búsqueda: corrige bug que cerraba el dropdown al hacer click en él
  (mousedown en el contenedor bloquea el cierre hasta que se suelta el botón)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

resources/views/feed/index.blade.php

@@ -11,21 +11,21 @@
                 @csrf
                 <div class="d-flex align-items-start">
                     <img src="{{ auth()->user()->profile_photo_url }}"
-                         class="rounded-circle mr-3" width="42" height="42" style="object-fit:cover">
+                         class="rounded-circle mr-3 flex-shrink-0" width="42" height="42" style="object-fit:cover">
-                    <div class="flex-grow-1">
+                    <textarea name="body" class="form-control border-0 bg-light px-3 py-2 flex-grow-1"
-                        <textarea name="body" class="form-control border-0 bg-light rounded-pill px-3 py-2"
+                              rows="3" placeholder="¿Qué estás pensando, {{ auth()->user()->name }}?"
-                                  rows="2" placeholder="¿Qué estás pensando, {{ auth()->user()->name }}?"
+                              style="resize:none; border-radius:12px"></textarea>
-                                  style="resize:none"></textarea>
-                    </div>
                 </div>
 
-                <div class="d-flex align-items-center justify-content-between mt-2 pt-2 border-top">
+                <div class="d-flex align-items-center justify-content-between mt-3 pt-2 border-top">
-                    <label class="btn btn-light btn-sm mb-0">
+                    <label class="btn btn-light btn-sm mb-0 px-3">
-                        <i class="fas fa-image text-success mr-1"></i> Foto
+                        <i class="fas fa-image text-success mr-1"></i> Agregar foto
                         <input type="file" name="image" accept="image/*" hidden id="post-image-input">
                     </label>
-                    <span id="post-image-name" class="text-muted small flex-grow-1 ml-2"></span>
+                    <span id="post-image-name" class="text-muted small flex-grow-1 mx-2 text-truncate"></span>
-                    <button type="submit" class="btn btn-primary btn-sm rounded-pill px-4">Publicar</button>
+                    <button type="submit" class="btn btn-primary px-4">
+                        <i class="fas fa-paper-plane mr-2"></i> Publicar
+                    </button>
                 </div>
             </form>
         </div>

resources/views/layouts/_partials/header.blade.php

@@ -390,7 +390,14 @@ function markAllNotifsRead() {
         timer = setTimeout(() => doSearch(this.value.trim()), 300);
     });
 
+    // Evita que el dropdown se cierre al hacer mousedown dentro de él
+    // (mousedown dispara antes que click, y blur del input cierra antes de registrar la acción)
+    let interactingWithResults = false;
+    results.addEventListener('mousedown', () => { interactingWithResults = true; });
+    document.addEventListener('mouseup',  () => { interactingWithResults = false; });
+
     document.addEventListener('click', function (e) {
+        if (interactingWithResults) return;
         if (!input.contains(e.target) && !results.contains(e.target)) {
             results.classList.add('d-none');
         }

resources/views/layouts/_partials/menu.blade.php

@@ -16,29 +16,6 @@
                 <i class="fas fa-fw fa-tachometer-alt"></i>
                 <span>Inicio</span></a>
         </li>
-        <!-- Divider -->
-        <hr class="sidebar-divider">
-
-        <!-- Social -->
-        <li class="nav-item">
-            <a class="nav-link" href="{{ route('feed') }}">
-                <i class="fas fa-fw fa-stream"></i>
-                <span>Comunidad</span>
-            </a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="{{ route('friendships.index') }}">
-                <i class="fas fa-fw fa-user-friends"></i>
-                <span>Amigos</span>
-            </a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="{{ route('chat.index') }}">
-                <i class="fas fa-fw fa-comment-dots"></i>
-                <span>Mensajes</span>
-            </a>
-        </li>
-
         <!-- Divider -->
         <hr class="sidebar-divider">
         <!-- Heading -->
@@ -219,10 +196,23 @@
         <!-- Heading -->
         <div class="sidebar-heading" style="color:white">Adicionales</div>
 
+        <li class="nav-item">
+            <a class="nav-link" href="{{ route('feed') }}">
+                <i class="fas fa-fw fa-stream" style="color:#e8e8e8"></i>
+                <span>Comunidad</span>
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="{{ route('friendships.index') }}">
+                <i class="fas fa-fw fa-user-friends" style="color:#e8e8e8"></i>
+                <span>Amigos</span>
+            </a>
+        </li>
         <li class="nav-item">
             <a class="nav-link" href="{{ route('chat.index') }}">
-            <i class="fas fa-fw fa-comments" style="color: #e8e8e8;"></i>
+                <i class="fas fa-fw fa-comment-dots" style="color:#e8e8e8"></i>
-                <span>Chats</span></a>
+                <span>Mensajes</span>
+            </a>
         </li>