Polish mobile and web experience

apps/mobile/app/(app)/more/time-entries.tsx

@@ -1,9 +1,10 @@
 import { useMemo, useState } from "react";
-import { RefreshControl, StyleSheet, Text, View } from "react-native";
+import { StyleSheet, Text, View } from "react-native";
 
 import { AppBackground } from "@/components/AppBackground";
 import { LoadingScreen } from "@/components/LoadingScreen";
 import { PageHeader } from "@/components/PageHeader";
+import { PullToRefresh } from "@/components/PullToRefresh";
 import { SwipeableRow } from "@/components/SwipeableRow";
 import { TabPage } from "@/components/TabPage";
 import { TabScrollView } from "@/components/TabScrollView";
@@ -74,9 +75,8 @@ export default function TimeEntriesScreen() {
             <PageHeader title="Time entries" subtitle={`${completed.length} completed entries`} />
           }
           refreshControl={
-            <RefreshControl
-              refreshing={entriesQuery.isRefetching}
-              onRefresh={() => void entriesQuery.refetch()}
+            <PullToRefresh
+              onRefresh={() => entriesQuery.refetch()}
               tintColor={colors.primary}
             />
           }