feat: add feed

components/selection-toolbar/collections-drawer.tsx

@@ -206,6 +206,10 @@ export function CollectionsDrawer({
       open={open}
       onOpenChange={(o) => !o && onClose()}
       direction={direction}
+      // Let the browser handle the on-screen keyboard. vaul's default
+      // input-repositioning resizes/translates the sheet and gets stuck on
+      // iOS after the keyboard hides (matches the other input-bearing drawers).
+      repositionInputs={false}
     >
       <DrawerContent
         direction={direction}
@@ -316,7 +320,9 @@ export function CollectionsDrawer({
                 onChange={(e) => setNewTitle(e.target.value)}
                 placeholder="Collection title"
                 maxLength={120}
-                className="w-full bg-white/5 text-white text-sm rounded-md px-3 py-2 placeholder:text-white/30 outline-none focus:bg-white/10"
+                // 16px on mobile (text-base) so iOS Safari doesn't auto-zoom
+                // on focus; back to 14px from sm: up.
+                className="w-full bg-white/5 text-white text-base sm:text-sm rounded-md px-3 py-2 placeholder:text-white/30 outline-none focus:bg-white/10"
               />
               <div className="flex items-center justify-between text-xs text-white/60">
                 <label className="flex items-center gap-2 cursor-pointer">