File Cleanup + Navbar and Homepage

Author: Adinusha

tock-ui/src/assets/main.css

@@ -5,5 +5,5 @@
 /* Project base styles can go below */
 html, body, #app {
 	height: 100%;
-    background-color: #E7F0FA;
+    background-color: #383838;
 }

tock-ui/src/components/AppIcon.vue

@@ -0,0 +1,35 @@
+<script setup>
+import { ref } from 'vue';
+
+const tabs = [
+  'CONNECTED DEVICES',
+  'APP MANAGEMENT',
+  'TERMINAL',
+  
+];
+
+const activeTab = ref('CONNECTED DEVICES');
+</script>
+
+<template>
+ 
+  <nav class="flex items-center justify-center px-6 py-3 bg-[#424242] font-sans">
+    
+    <div class="flex space-x-2 text-xs font-bold tracking-wider">
+      <button
+        v-for="tab in tabs"
+        :key="tab"
+        @click="activeTab = tab"
+        :class="[
+          'px-4 py-2 transition-all duration-200 ease-in-out rounded-full',
+          activeTab === tab 
+            ? 'bg-[#555555] text-white' 
+            : 'text-gray-300 hover:text-white hover:bg-[#4a4a4a]'
+        ]"
+      >
+        {{ tab }}
+      </button>
+    </div>
+    
+  </nav>
+</template>

tock-ui/src/components/Card.vue

@@ -1,42 +1,12 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
-import KnownBoardView from '../views/KnownBoardView.vue'
-import CustomizeDebugView from '../views/CustomizeDebugView.vue'
-import CustomizeSerialView from '../views/CustomizeSerialView.vue'
-import DeviceManagerView from '../views/DeviceManagerView.vue'
-import AddAppView from '../views/AddAppView.vue'
 
 const routes = [
   {
     path: '/',
     name: 'Home',
     component: HomeView
   },
-  {
-    path: '/known-board',
-    name: 'KnownBoard',
-    component: KnownBoardView
-  },
-  {
-    path: '/customize-debug',
-    name: 'CustomizeDebug',
-    component: CustomizeDebugView
-  },
-  {
-    path: '/customize-serial',
-    name: 'CustomizeSerial',
-    component: CustomizeSerialView
-  },
-  {
-    path: '/device-manager',
-    name: 'DeviceManager',
-    component: DeviceManagerView
-  },
-  {
-    path: '/add-app',
-    name: 'AddApp',
-    component: AddAppView
-  },
 ]
 
 const router = createRouter({