Revert "feat: complete automatic mobile board UX"

This reverts commit 7959c20d88.

packages/widgets/src/common/query-state.tsx

@@ -1,73 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { Box, Center, Tooltip } from "@mantine/core";
-import { IconAlertTriangle } from "@tabler/icons-react";
-
-import { useI18n } from "@homarr/translation/client";
-
-interface WidgetQueryProvenance {
-  error?: unknown;
-  failedIntegrationCount?: number;
-  staleIntegrationCount?: number;
-  expectedIntegrationCount?: number;
-  receivedIntegrationCount?: number;
-}
-
-export const hasWidgetDataWarning = ({
-  error,
-  failedIntegrationCount = 0,
-  staleIntegrationCount = 0,
-  expectedIntegrationCount,
-  receivedIntegrationCount,
-}: WidgetQueryProvenance) =>
-  Boolean(error) ||
-  failedIntegrationCount > 0 ||
-  staleIntegrationCount > 0 ||
-  (expectedIntegrationCount !== undefined &&
-    receivedIntegrationCount !== undefined &&
-    receivedIntegrationCount < expectedIntegrationCount);
-
-export const throwOnInitialQueryError = (error: unknown, hasData: boolean) => {
-  if (error && !hasData) throw error;
-};
-
-interface WidgetDataStateProps {
-  children: ReactNode;
-  hasWarning: boolean;
-}
-
-export function WidgetDataState({ children, hasWarning }: WidgetDataStateProps) {
-  const t = useI18n();
-  const label = t("board.mobile.dataWarning");
-
-  return (
-    <Box pos="relative" h="100%" w="100%">
-      {hasWarning && (
-        <Tooltip label={label} position="left" withArrow>
-          <Center
-            component="output"
-            aria-label={label}
-            pos="absolute"
-            bottom={4}
-            w={28}
-            h={28}
-            style={{
-              insetInlineStart: 4,
-              zIndex: 4,
-              borderRadius: "var(--mantine-radius-sm)",
-              background: "light-dark(var(--mantine-color-yellow-1), var(--mantine-color-dark-6))",
-            }}
-          >
-            <IconAlertTriangle
-              size={16}
-              color="light-dark(var(--mantine-color-yellow-9), var(--mantine-color-yellow-3))"
-              aria-hidden
-            />
-          </Center>
-        </Tooltip>
-      )}
-      {children}
-    </Box>
-  );
-}

packages/widgets/src/custom-api/index.ts

@@ -6,7 +6,7 @@ import { optionsBuilder } from "../options";
 
 export const { definition, componentLoader } = createWidgetDefinition("customApi", {
   icon: IconApi,
-  mobile: { supportsDetailView: true, unmountWhenOffscreen: true },
+  mobile: { supportsDetailView: true },
   queryKey: [["widget", "customApi"]],
   createOptions() {
     return optionsBuilder.from((factory) => ({

packages/widgets/src/dns-hole/controls/index.ts

@@ -10,7 +10,7 @@ export const widgetKind = "dnsHoleControls";
 export const { definition, componentLoader } = createWidgetDefinition(widgetKind, {
   supportsAdvancedFocus: false,
   icon: IconDeviceGamepad,
-  mobile: { supportsDetailView: true, unmountWhenOffscreen: true },
+  mobile: { supportsDetailView: true },
   queryKey: [["widget", "dnsHole"]],
   refetchInterval: 5,
   createOptions() {

packages/widgets/src/dns-hole/summary/index.ts

@@ -10,7 +10,6 @@ export const widgetKind = "dnsHoleSummary";
 export const { definition, componentLoader } = createWidgetDefinition(widgetKind, {
   supportsAdvancedFocus: false,
   icon: IconAd,
-  mobile: { unmountWhenOffscreen: true },
   queryKey: [["widget", "dnsHole"]],
   refetchInterval: 5,
   createOptions() {