refactor: Implemented basic app structure

nuxt.config.ts

@@ -26,12 +26,18 @@ export default defineNuxtConfig({
   ssr: false,
 
   modules: [
+    '@nuxtjs/ionic',
     '@primevue/nuxt-module',
     '@pinia/nuxt',
     '@vite-pwa/nuxt',
     '@nuxtjs/supabase',
   ],
 
+  ionic: {
+    css: { utilities: true },
+    config: { mode: 'md' },
+  },
+
   primevue: {
     options: {
       theme: {
@@ -55,19 +61,9 @@ export default defineNuxtConfig({
   app: {
     head: {
       meta: [{ name: 'theme-color', content: '#027be3' }],
-      link: [
-        { rel: 'stylesheet', href: 'https://unpkg.com/@ionic/core/css/ionic.bundle.css' },
-      ],
     },
   },
 
-  css: [
-    '@ionic/vue/css/core.css',
-    '@ionic/vue/css/normalize.css',
-    '@ionic/vue/css/structure.css',
-    '@ionic/vue/css/typography.css',
-  ],
-
   pwa: {
     manifest: {
       name: 'OYS Borrow a Boat',
@@ -93,12 +89,6 @@ export default defineNuxtConfig({
     },
   },
 
-  vite: {
-    optimizeDeps: {
-      include: ['@ionic/vue'],
-    },
-  },
-
   runtimeConfig: {
     public: {
       supabaseUrl: '',