feat(fetch submaps): added query to fetch models(submaps) on app load

Description

Added getModels query on loading the app + required reducer, and models to do so.

src/components/SPA/MinervaSPA.component.tsx

@@ -2,6 +2,9 @@ import { Manrope } from '@next/font/google';
 import { twMerge } from 'tailwind-merge';
 import { Map } from '@/components/Map';
 import { FunctionalArea } from '@/components/FunctionalArea';
+import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
+import { useEffect } from 'react';
+import { getModels } from '@/redux/models/models.thunks';
 
 const manrope = Manrope({
   variable: '--font-manrope',
@@ -10,9 +13,17 @@ const manrope = Manrope({
   subsets: ['latin'],
 });
 
-export const MinervaSPA = (): JSX.Element => (
-  <div className={twMerge('relative', manrope.variable)}>
-    <FunctionalArea />
-    <Map />
-  </div>
-);
+export const MinervaSPA = (): JSX.Element => {
+  const dispatch = useAppDispatch();
+
+  useEffect(() => {
+    dispatch(getModels());
+  }, [dispatch]);
+
+  return (
+    <div className={twMerge('relative', manrope.variable)}>
+      <FunctionalArea />
+      <Map />
+    </div>
+  );
+};