enabled paging while fetching locations

app/lib/locationActions.ts

@@ -8,6 +8,7 @@ import { BillingLocation } from './db-types';
 import { ObjectId } from 'mongodb';
 import { auth, withUser } from '@/app/lib/auth';
 import { AuthenticatedUser } from './types/next-auth';
+import { NormalizedRouteManifest } from 'next/dist/server/base-server';
 
 export type State = {
     errors?: {
@@ -89,18 +90,20 @@ export const updateOrAddLocation = withUser(async (user:AuthenticatedUser, locat
 });
 
 
-export const fetchAllLocations = withUser(async (user:AuthenticatedUser, locationID:string) => {
+export const fetchAllLocations = withUser(async (user:AuthenticatedUser, locationID:string, pageIx:number=0, pageSize:number=20) => {
 
     const client = await clientPromise;
     const db = client.db("rezije");
 
     const { id: userId } = user;
 
+    // fetch `pageSize` locations for the given page index
     const locations = await db.collection<BillingLocation>("lokacije")
-    .find({ userId })
-    .sort({ yearMonth: -1, name: 1 }) // sort by yearMonth descending
-    .limit(20)
-    .toArray();
+        .find({ userId })
+        .sort({ name: 1 })
+        .skip(pageIx * pageSize)
+        .limit(pageSize)
+        .toArray();
 
     return(locations);
 })