Add about panel in settings dialog (#799)

* basic about page

* Remove frontend version from setting dialog header

* Style about page

* basic system stats

* Basic styling

* Reword

* Format memory amount

src/stores/systemStatsStore.ts

@@ -0,0 +1,34 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { api } from '@/scripts/api'
+import type { SystemStats } from '@/types/apiTypes'
+
+export const useSystemStatsStore = defineStore('systemStats', () => {
+  const systemStats = ref<SystemStats | null>(null)
+  const isLoading = ref(false)
+  const error = ref<string | null>(null)
+
+  async function fetchSystemStats() {
+    isLoading.value = true
+    error.value = null
+
+    try {
+      systemStats.value = await api.getSystemStats()
+    } catch (err) {
+      error.value =
+        err instanceof Error
+          ? err.message
+          : 'An error occurred while fetching system stats'
+      console.error('Error fetching system stats:', err)
+    } finally {
+      isLoading.value = false
+    }
+  }
+
+  return {
+    systemStats,
+    isLoading,
+    error,
+    fetchSystemStats
+  }
+})