Polish mobile and web experience

apps/mobile/app/(app)/entities/index.tsx

@@ -2,7 +2,6 @@ import { router } from "expo-router";
 import { useState } from "react";
 import {
   Alert,
-  RefreshControl,
   ScrollView,
   StyleSheet,
   Text,
@@ -15,6 +14,7 @@ import { FloatingActionButton } from "@/components/FloatingActionButton";
 import { GlassSurface } from "@/components/GlassSurface";
 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";
@@ -71,8 +71,7 @@ export default function EntitiesScreen() {
   const businesses = businessesQuery.data ?? [];
 
   function refresh() {
-    if (tab === "clients") void clientsQuery.refetch();
-    else void businessesQuery.refetch();
+    return tab === "clients" ? clientsQuery.refetch() : businessesQuery.refetch();
   }
 
   function confirmDelete(id: string, name: string) {
@@ -100,8 +99,7 @@ export default function EntitiesScreen() {
             />
           }
           refreshControl={
-            <RefreshControl
-              refreshing={activeQuery.isRefetching}
+            <PullToRefresh
               onRefresh={refresh}
               tintColor={colors.primary}
             />