Initial commit: finish basic WebUI interface

src/views/Home.vue

@@ -0,0 +1,50 @@
+<template>
+    <div class="home-container">
+        <TopBar @search="handleSearch" />
+        <SideBar />
+        <div class="main-content">
+            <router-view :searchQuery="searchQuery" />
+        </div>
+    </div>
+</template>
+
+<script>
+import { ref } from 'vue';
+import TopBar from '../components/TopBar.vue';
+import SideBar from '../components/SideBar.vue';
+
+export default {
+    name: 'Home',
+    components: {
+        TopBar,
+        SideBar
+    },
+    setup() {
+        const searchQuery = ref('');
+
+        const handleSearch = (query) => {
+            searchQuery.value = query;
+        };
+
+        return {
+            searchQuery,
+            handleSearch
+        };
+    }
+};
+</script>
+
+<style scoped>
+.home-container {
+    min-height: 100vh;
+    background: var(--bg-color);
+    transition: background-color 0.3s;
+}
+
+.main-content {
+    margin-left: 240px;
+    margin-top: 64px;
+    padding: 24px;
+    min-height: calc(100vh - 64px);
+}
+</style>