Changed STore Type and corrected all Pages

Added HistoryDisplay.vue
Added NumberRanges

spaces/pages/banking/index.vue

@@ -31,18 +31,11 @@ definePageMeta({
   middleware: "auth"
 })
 
-
+const dataStore = useDataStore()
 const router = useRouter()
-const {bankAccounts} = storeToRefs(useDataStore())
 const mode = ref("show")
 
 const itemColumns = [
-
-  {
-    key: "name",
-    label: "Name",
-    sortable: true
-  },
   {
     key: "iban",
     label: "IBAN",
@@ -69,13 +62,13 @@ const selectItem = (item) => {
 const searchString = ref('')
 
 const filteredRows = computed(() => {
-  bankAccounts.value = bankAccounts.value.filter(account => account.used)
+  dataStore.bankAccounts = dataStore.bankAccounts.filter(account => account.used)
 
   if(!searchString.value) {
-    return bankAccounts.value
+    return dataStore.bankAccounts
   }
 
-  return bankAccounts.value.filter(item => {
+  return dataStore.bankAccounts.filter(item => {
     return Object.values(item).some((value) => {
       return String(value).toLowerCase().includes(searchString.value.toLowerCase())
     })