feat(core): card view drag handle for doc explorer (#12431)

close AF-2624, AF-2628, AF-2581

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - Introduced a draggable handle to document cards in the explorer, visible on hover in card view.
  - Added an option to remove grouping in the display menu.
  - Added contextual tooltips for user avatars indicating creation or last update.
  - Enabled optional tooltips on public user labels.
  - Extended dropdown buttons to accept custom styling classes.
  - Added a new masonry story showcasing item heights determined by ratios.

- **Style**
  - Enhanced drag handle appearance and visibility for card view items.
  - Replaced static shadows with theme-aware, smoothly transitioning shadows on card items.
  - Adjusted spacing between items in the document explorer for improved layout, with increased horizontal and (in card view) vertical gaps.
  - Reduced top padding in workspace page styles.
  - Added new button background style for secondary buttons.

- **Bug Fixes**
  - Removed duplicate internal property declarations to eliminate redundancy.

- **Refactor**
  - Simplified layout props by removing fixed height parameters in multiple components.
  - Updated masonry layout logic to support ratio-based item sizing alongside fixed heights.
  - Removed randomized skeleton loading placeholders, replacing them with fixed or no placeholders.
  - Refined masonry component typings and scrollbar placement for improved styling and layout.
  - Improved selection logic to activate selection mode when selecting all documents.

- **Localization**
  - Added new translation keys for grouping removal and user attribution tooltips.
  - Updated English locale with new strings for "Remove group" and user-created/updated tooltips.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/frontend/core/src/mobile/pages/workspace/all.tsx

@@ -68,11 +68,7 @@ const AllDocs = () => {
 
   return (
     <DocExplorerContext.Provider value={explorerContextValue}>
-      <DocsExplorer
-        masonryItemWidthMin={150}
-        heightBase={180}
-        heightScale={12}
-      />
+      <DocsExplorer masonryItemWidthMin={150} />
     </DocExplorerContext.Provider>
   );
 };

packages/frontend/core/src/mobile/views/all-docs/collection/detail.tsx

@@ -69,11 +69,7 @@ const CollectionDocs = ({ collection }: { collection: Collection }) => {
 
   return (
     <DocExplorerContext.Provider value={explorerContextValue}>
-      <DocsExplorer
-        masonryItemWidthMin={150}
-        heightBase={180}
-        heightScale={12}
-      />
+      <DocsExplorer masonryItemWidthMin={150} />
     </DocExplorerContext.Provider>
   );
 };

packages/frontend/core/src/mobile/views/all-docs/tag/detail.tsx

@@ -75,11 +75,7 @@ const TagDocs = ({ tag }: { tag: Tag }) => {
 
   return (
     <DocExplorerContext.Provider value={explorerContextValue}>
-      <DocsExplorer
-        masonryItemWidthMin={150}
-        heightBase={180}
-        heightScale={12}
-      />
+      <DocsExplorer masonryItemWidthMin={150} />
     </DocExplorerContext.Provider>
   );
 };