🪄 refactor: UI Polish and Admin Dialog Unification (#11108)

* refactor(OpenSidebar): removed useless classNames

* style(Header): update hover styles across various components for improved UI consistency

* style(Nav): update hover styles in AccountSettings and SearchBar for improved UI consistency

* style: update button classes for consistent hover effects and improved UI responsiveness

* style(Nav, OpenSidebar, Header, Convo): improve UI responsiveness and animation transitions

* style(PresetsMenu, NewChat): update icon sizes and improve component styling for better UI consistency

* style(Nav, Root): enhance sidebar mobile animations and responsiveness for better UI experience

* style(ExportAndShareMenu, BookmarkMenu): update icon sizes for improved UI consistency

* style: remove transition duration from button classes for improved UI responsiveness

* style(CustomMenu, ModelSelector): update background colors for improved UI consistency and responsiveness

* style(ExportAndShareMenu): update icon color for improved UI consistency

* style(TemporaryChat): refine button styles for improved UI consistency and responsiveness

* style(BookmarkNav): refactor to use DropdownPopup and remove BookmarkNavItems for improved UI consistency and functionality

* style(CustomMenu, EndpointItem): enhance UI elements for improved consistency and accessibility

* style(EndpointItem): adjust gap in icon container for improved layout consistency

* style(CustomMenu, EndpointItem): update focus ring color for improved UI consistency

* style(EndpointItem): update icon color for improved UI consistency in dark theme

* style: update focus styles for improved accessibility and consistency across components

* refactor(Nav): extract sidebar width to NAV_WIDTH constant

Centralize mobile (320px) and desktop (260px) sidebar widths in a single
exported constant to avoid magic numbers and ensure consistency.

* fix(BookmarkNav): memoize handlers used in useMemo

Wrap handleTagClick and handleClear in useCallback and add them to the
dropdownItems useMemo dependency array to prevent stale closures.

* feat: introduce FilterInput component and replace existing inputs with it across multiple components

* feat(DataTable): replace custom input with FilterInput component for improved filtering

* fix: Nested dialog overlay stacking issue

Fixes overlay appearing behind content when opening nested dialogs.
Introduced dynamic z-index calculation based on dialog depth using React context.

- First dialog: overlay z-50, content z-100
- Nested dialogs increment by 60: overlay z-110/content z-160, etc.

Preserves a11y escape key handling from #10975 and #10851.

Regression from #11008 (afb67fcf1) which increased content z-index
without adjusting overlay z-index for nested dialog scenarios.

* Refactor admin settings components to use a unified AdminSettingsDialog

- Removed redundant code from AdminSettings, MCPAdminSettings, and Memories AdminSettings components.
- Introduced AdminSettingsDialog component to handle permission management for different sections.
- Updated permission handling logic to use a consistent structure across components.
- Enhanced role selection and permission confirmation features in the new dialog.
- Improved UI consistency and maintainability by centralizing dialog functionality.

* refactor(Memory): memory management UI components and replace MemoryViewer with MemoryPanel

* refactor(Memory): enhance UI components for Memory dialogs and improve input styling

* refactor(Bookmarks): improve bookmark management UI with enhanced styling

* refactor(translations): remove redundant filter input and bookmark count entries

* refactor(Convo): integrate useShiftKey hook for enhanced keyboard interaction and improve UI responsiveness

client/src/components/SidePanel/Bookmarks/BookmarkCard.tsx

@@ -0,0 +1,111 @@
+import React, { useRef } from 'react';
+import { useDrag, useDrop } from 'react-dnd';
+import { GripVertical } from 'lucide-react';
+import type { TConversationTag } from 'librechat-data-provider';
+import { TooltipAnchor, useToastContext } from '@librechat/client';
+import { useConversationTagMutation } from '~/data-provider';
+import { NotificationSeverity } from '~/common';
+import BookmarkCardActions from './BookmarkCardActions';
+import { useLocalize } from '~/hooks';
+import { cn } from '~/utils';
+
+interface BookmarkCardProps {
+  bookmark: TConversationTag;
+  position: number;
+  moveRow: (dragIndex: number, hoverIndex: number) => void;
+}
+
+interface DragItem {
+  index: number;
+  id: string;
+  type: string;
+}
+
+export default function BookmarkCard({ bookmark, position, moveRow }: BookmarkCardProps) {
+  const ref = useRef<HTMLDivElement>(null);
+  const localize = useLocalize();
+  const { showToast } = useToastContext();
+
+  const mutation = useConversationTagMutation({
+    context: 'BookmarkCard',
+    tag: bookmark.tag,
+  });
+
+  const handleDrop = (item: DragItem) => {
+    mutation.mutate(
+      { ...bookmark, position: item.index },
+      {
+        onSuccess: () => {
+          showToast({
+            message: localize('com_ui_bookmarks_update_success'),
+            severity: NotificationSeverity.SUCCESS,
+          });
+        },
+        onError: () => {
+          showToast({
+            message: localize('com_ui_bookmarks_update_error'),
+            severity: NotificationSeverity.ERROR,
+          });
+        },
+      },
+    );
+  };
+
+  const [, drop] = useDrop({
+    accept: 'bookmark',
+    drop: handleDrop,
+    hover(item: DragItem) {
+      if (!ref.current || item.index === position) {
+        return;
+      }
+      moveRow(item.index, position);
+      item.index = position;
+    },
+  });
+
+  const [{ isDragging }, drag] = useDrag({
+    type: 'bookmark',
+    item: { index: position },
+    collect: (monitor) => ({
+      isDragging: monitor.isDragging(),
+    }),
+  });
+
+  drag(drop(ref));
+
+  return (
+    <div
+      ref={ref}
+      className={cn(
+        'flex cursor-move items-center gap-2 rounded-lg px-3 py-2.5',
+        'border border-border-light bg-transparent',
+        'hover:bg-surface-secondary',
+        isDragging && 'opacity-50',
+      )}
+    >
+      {/* Drag handle */}
+      <GripVertical className="size-4 shrink-0 text-text-tertiary" aria-hidden="true" />
+
+      {/* Tag name */}
+      <span className="min-w-0 flex-1 truncate text-sm font-semibold text-text-primary">
+        {bookmark.tag}
+      </span>
+
+      {/* Count badge */}
+      <TooltipAnchor
+        description={`${bookmark.count} ${localize(bookmark.count === 1 ? 'com_ui_conversation' : 'com_ui_conversations')}`}
+        side="top"
+        render={
+          <span className="shrink-0 rounded-full bg-surface-tertiary px-2 py-0.5 text-xs text-text-secondary">
+            {bookmark.count}
+          </span>
+        }
+      />
+
+      {/* Actions */}
+      <div className="shrink-0">
+        <BookmarkCardActions bookmark={bookmark} />
+      </div>
+    </div>
+  );
+}