WIP Added AI chat component

frontend/layouts/default.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import AppSidebar from '@/components/AppSidebar.vue'
+import AIChatBar from '@/components/AIChatBar.vue'
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -26,7 +27,7 @@ const breadcrumbs = computed(() => {
 <template>
   <SidebarProvider>
     <AppSidebar />
-    <SidebarInset>
+    <SidebarInset class="flex flex-col">
       <header
         class="relative z-10 flex h-16 shrink-0 items-center gap-2 bg-background transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 border-b shadow-md"
       >
@@ -58,9 +59,14 @@ const breadcrumbs = computed(() => {
           </Breadcrumb>
         </div>
       </header>
-      <div class="layout-slot-container flex flex-1 flex-col gap-4 p-4 pt-0">
+      
+      <!-- Main scrollable content -->
+      <div class="layout-slot-container flex flex-1 flex-col gap-4 p-4 pt-0 overflow-y-auto">
         <slot />
       </div>
+
+      <!-- AI Chat Bar Component -->
+      <AIChatBar />
     </SidebarInset>
   </SidebarProvider>
 </template>
@@ -69,7 +75,6 @@ const breadcrumbs = computed(() => {
 .layout-slot-container {
   position: relative;
   background-color: #ffffff;
-  overflow: hidden;
   background-image: linear-gradient(to bottom, #DFDBE5 0%, rgba(223, 219, 229, 0) 100%);
   background-size: 100% 150px;
   background-repeat: no-repeat;