Store page size to localStorage

Author: kvinwang

teepod/src/console.html

@@ -1314,7 +1314,7 @@ <h3>Derive VM</h3>
                 const searchQuery = ref('');
                 const currentPage = ref(1);
                 const pageInput = ref(1);
-                const pageSize = ref(50);
+                const pageSize = ref(parseInt(localStorage.getItem('pageSize')) || 50);
                 const totalVMs = ref(0);
                 const hasMorePages = ref(false);
                 const loadingVMDetails = ref(false);
@@ -2240,6 +2240,16 @@ <h3>Derive VM</h3>
                     }
                 }, { deep: true });
 
+                // Watch for changes to searchQuery and reset page to 1
+                watch(searchQuery, () => {
+                    currentPage.value = 1;
+                    pageInput.value = 1;
+                });
+
+                watch(pageSize, (newValue) => {
+                    localStorage.setItem('pageSize', newValue);
+                });
+
                 return {
                     vms,
                     vmForm,