Refresh home and more navigation

app/(app)/more/reports.tsx

@@ -26,10 +26,13 @@ export default function ReportsScreen() {
   if (statsQuery.error) {
     return (
       <AppBackground>
-        <TabPage>
-          <Text style={{ color: colors.mutedForeground, padding: spacing.lg }}>
-            {formatTrpcErrorMessage(statsQuery.error)}
-          </Text>
+        <TabPage showMoreBack>
+          <View style={styles.errorBox}>
+            <PageHeader title="Reports" subtitle="Business performance snapshot" />
+            <Text style={{ color: colors.mutedForeground }}>
+              {formatTrpcErrorMessage(statsQuery.error)}
+            </Text>
+          </View>
         </TabPage>
       </AppBackground>
     );
@@ -41,7 +44,7 @@ export default function ReportsScreen() {
 
   return (
     <AppBackground>
-      <TabPage>
+      <TabPage showMoreBack>
         <TabScrollView
           header={<PageHeader title="Reports" subtitle="Business performance snapshot" />}
           refreshControl={
@@ -105,4 +108,8 @@ const styles = StyleSheet.create({
     justifyContent: "space-between",
     paddingVertical: spacing.sm,
   },
+  errorBox: {
+    padding: spacing.lg,
+    gap: spacing.md,
+  },
 });