fix: hide dynamic panels & focused mode options on mobile

packages/web/src/javascripts/Components/QuickSettingsMenu/ThemesMenuButton.tsx

@@ -46,13 +46,17 @@ const ThemesMenuButton: FunctionComponent<Props> = ({ application, item }) => {
   )
 
   const isMobile = application.isNativeMobileWeb() || isMobileScreen()
+  const shouldHideButton = item.identifier === FeatureIdentifier.DynamicTheme && isMobile
+
+  if (shouldHideButton) {
+    return null
+  }
 
   return (
     <button
       className={
         'group flex w-full cursor-pointer items-center justify-between border-0 bg-transparent px-3 py-1.5 text-left text-mobile-menu-item text-text hover:bg-contrast hover:text-foreground focus:bg-info-backdrop focus:shadow-none disabled:bg-default disabled:text-passive-2 md:text-sm'
       }
-      disabled={item.identifier === FeatureIdentifier.DynamicTheme && isMobile}
       onClick={toggleTheme}
     >
       {item.component?.isLayerable() ? (