fix: resolve TypeScript errors for mobile implementation

src/components/BookmarkList.tsx

@@ -28,7 +28,6 @@ interface BookmarkListProps {
   relayPool: RelayPool | null
   settings?: UserSettings
   isMobile?: boolean
-  isSidebarOpen?: boolean
 }
 
 export const BookmarkList: React.FC<BookmarkListProps> = ({
@@ -47,8 +46,7 @@ export const BookmarkList: React.FC<BookmarkListProps> = ({
   loading = false,
   relayPool,
   settings,
-  isMobile = false,
+  isMobile = false
-  isSidebarOpen = false
 }) => {
   // Helper to check if a bookmark has either content or a URL
   const hasContentOrUrl = (ib: IndividualBookmark) => {

src/components/IconButton.tsx

@@ -11,6 +11,7 @@ interface IconButtonProps {
   size?: number
   disabled?: boolean
   spin?: boolean
+  className?: string
 }
 
 const IconButton: React.FC<IconButtonProps> = ({
@@ -21,11 +22,12 @@ const IconButton: React.FC<IconButtonProps> = ({
   variant = 'ghost',
   size = 33,
   disabled = false,
-  spin = false
+  spin = false,
+  className = ''
 }) => {
   return (
     <button
-      className={`icon-button ${variant}`}
+      className={`icon-button ${variant} ${className}`.trim()}
       onClick={onClick}
       title={title}
       aria-label={ariaLabel || title}

src/components/ThreePaneLayout.tsx

@@ -200,7 +200,6 @@ const ThreePaneLayout: React.FC<ThreePaneLayoutProps> = (props) => {
             relayPool={props.relayPool}
             settings={props.settings}
             isMobile={isMobile}
-            isSidebarOpen={props.isSidebarOpen}
           />
         </div>
         <div className="pane main">