Add Stationery and Stationery Dark themes with notebook chrome.

Manila folders, ruled chat, post-it nav, and folder tabs; dark variant uses Catppuccin Mocha colors with muted stickies and soft glows.

src/app/pages/client/direct/Direct.tsx

@@ -249,7 +249,7 @@ export function Direct() {
   const virtualizer = useVirtualizer({
     count: sortedDirects.length,
     getScrollElement: () => scrollRef.current,
-    estimateSize: () => 38,
+    estimateSize: () => 36,
     overscan: 10,
   });
 
@@ -288,7 +288,7 @@ export function Direct() {
               <NotificationsNavItem />
               <InvitesNavItem />
             </NavCategory>
-            <NavCategory>
+            <NavCategory data-nav-dropdown="">
               <NavCategoryHeader>
                 <RoomNavCategoryButton
                   closed={closedCategories.has(DEFAULT_CATEGORY_ID)}
@@ -298,13 +298,16 @@ export function Direct() {
                   Chats
                 </RoomNavCategoryButton>
               </NavCategoryHeader>
-              <div
-                ref={animationRef}
-                style={{
-                  position: 'relative',
-                  height: virtualizer.getTotalSize(),
-                }}
-              >
+              {sortedDirects.length > 0 && (
+              <div data-nav-rooms="">
+                <div
+                  ref={animationRef}
+                  data-nav-room-list=""
+                  style={{
+                    position: 'relative',
+                    height: virtualizer.getTotalSize(),
+                  }}
+                >
                 {virtualizer.getVirtualItems().map((vItem) => {
                   const roomId = sortedDirects[vItem.index];
                   const room = mx.getRoom(roomId);
@@ -332,7 +335,9 @@ export function Direct() {
                     </VirtualTile>
                   );
                 })}
+                </div>
               </div>
+              )}
             </NavCategory>
           </Box>
         </PageNavContent>