refactor: Improve null checks and type declarations

- Add `ws` connection ref to Window interface
- Initialize `result` to null for vacation fetching
- Add null checks for API responses before accessing `results` and `count`

Author: Mahmoud-Emad

client/global.d.ts

@@ -1,8 +1,9 @@
 declare global {
   export interface Window {
-    // Define window props here
-    // -->
+    connections: {
+      ws: import('vue').Ref<WebSocket | null>
+    }
   }
 }
 
-export {} // Important
+export { } // Important

client/src/views/RequestsView.vue

@@ -207,7 +207,9 @@ export default defineComponent({
         users.value = await listAllActiveOfficeUsers($api);
       } else {
         const result = await $api.users.list();
-        users.value = result!.results;
+        if (result) {
+          users.value = result.results;
+        }
       }
       isLoadingUsers.value = false;
     };
@@ -216,7 +218,7 @@ export default defineComponent({
     const fetchVacations = async () => {
       isLoadingVacations.value = true;
       try {
-        let result: Api.Returns.List<Api.Vacation>;
+        let result: Api.Returns.List<Api.Vacation> | null = null;
         const query = {
           page: vacationsPage.value,
           status: selectedStatus.value !== 'all' ? selectedStatus.value : undefined,
@@ -225,10 +227,11 @@ export default defineComponent({
         };
 
         if (tab.value === 'personal') {
-          result = await $api.vacations.myPendingRequests({ ...query, user_only: true }); // We might need a generic user history endpoint too
           // Actually, let's use listUserRequests for personal history but include status/type filters
           const personalId = ApiClientBase.user.value?.fullUser.id;
-          result = await $api.vacations.listUserRequests({ ...query, user_id: personalId });
+          if (personalId) {
+            result = await $api.vacations.listUserRequests({ ...query, user_id: personalId });
+          }
         } else if (tab.value === 'team') {
           // In Team tab, we usually look for pending/actionable stuff
           result = await $api.vacations.myTeamPendingRequests(query);
@@ -242,8 +245,10 @@ export default defineComponent({
           result = await $api.vacations.listUserRequests({ ...query, user_id: selectedUser.value.id });
         }
 
-        userRequests.value = result!.results;
-        vacationsCount.value = Math.ceil(result!.count / 10);
+        if (result) {
+          userRequests.value = result.results;
+          vacationsCount.value = Math.ceil(result.count / 10);
+        }
       } catch (error) {
         console.error("Failed to fetch vacations:", error);
       } finally {