feat(mobile): new docs list for mobile (#12329)

close AF-2514

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

- **New Features**
  - Enhanced document explorer on mobile with live updates, responsive masonry layout, and improved empty state handling for all documents, collections, and tags.
  - Added customization for card height and masonry item width in document explorer views.
  - Extended layout components to support additional flexbox styling options for improved layout flexibility.

- **Bug Fixes**
  - Improved flexibility in layout components by supporting additional flexbox styling options.

- **Refactor**
  - Replaced older static document list and menu components with a unified, context-driven explorer for a more dynamic and interactive experience.
  - Removed obsolete CSS and component files related to the previous document list and menu implementations.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/frontend/component/src/ui/layout/wrapper.tsx

@@ -16,6 +16,8 @@ export type WrapperProps = {
   marginLeft?: CSSProperties['marginLeft'];
   marginRight?: CSSProperties['marginRight'];
   marginBottom?: CSSProperties['marginBottom'];
+  flexGrow?: CSSProperties['flexGrow'];
+  flexShrink?: CSSProperties['flexShrink'];
 };
 
 export type FlexWrapperProps = {
@@ -64,6 +66,8 @@ export const Wrapper = styled('div', {
   marginLeft,
   marginRight,
   marginBottom,
+  flexGrow,
+  flexShrink,
 }) => {
   return {
     display,
@@ -79,6 +83,8 @@ export const Wrapper = styled('div', {
     marginLeft,
     marginRight,
     marginBottom,
+    flexGrow,
+    flexShrink,
   };
 });