Fix default sorting

src/components/Availability/AvailabilitiesTable.tsx

@@ -32,7 +32,9 @@ export function AvailabilitiesTable({ availabilities, space }: Props) {
     null
   );
   const [details, setDetails] = useState<string[]>([]);
-  const [sortFn, setSortFn] = useState<SortFn | null>(null);
+  const [sortFn, setSortFn] = useState<SortFn>(() =>
+    AvailabilityUtils.sortById("desc")
+  );
 
   const onReservationsClose = () => setAvailability(null);
 

src/components/Files/Files.tsx

@@ -38,7 +38,9 @@ export function Files({ limit }: Props) {
   const [folders, setFolders] = useState<[string, string[]][]>([]);
   const [error, setError] = useState("");
   const [details, setDetails] = useState<CodexDataContent | null>(null);
-  const [sortFn, setSortFn] = useState<SortFn | null>(null);
+  const [sortFn, setSortFn] = useState<SortFn>(() =>
+    FilesUtils.sortByDate("desc")
+  );
   const [selectedFilters, setSelectedFilters] = useState<string[]>([]);
 
   useEffect(() => {

src/components/Peers/Peers.tsx

@@ -27,7 +27,7 @@ export const Peers = () => {
     setIps((ips) => ({ ...ips, [ip]: geo }));
   }, []);
 
-  const [sortFn, setSortFn] = useState<PeerSortFn | null>(() =>
+  const [sortFn, setSortFn] = useState<PeerSortFn>(() =>
     PeerUtils.sortByBoolean("desc")
   );