diff --git a/packages/admin/src/components/CardTransactions.tsx b/packages/admin/src/components/CardTransactions.tsx
index 197a5f09987af291f0043a4ed2fa154e79b4fea8..916653a06c77db46fdb5eac8ab023a2f0f1da79c 100644
--- a/packages/admin/src/components/CardTransactions.tsx
+++ b/packages/admin/src/components/CardTransactions.tsx
@@ -1,5 +1,4 @@
 import { Avatar, Card, CardBody } from "@nextui-org/react";
-import React from "react";
 
 const items = [
   {
diff --git a/packages/admin/src/components/navbar/notifications-dropdown.tsx b/packages/admin/src/components/navbar/notifications-dropdown.tsx
index 6b27b94decede949b0322c565235ff1e27698993..afb1f6c621adf7b0004edc5315b2e492ee140a45 100644
--- a/packages/admin/src/components/navbar/notifications-dropdown.tsx
+++ b/packages/admin/src/components/navbar/notifications-dropdown.tsx
@@ -6,7 +6,6 @@ import {
   DropdownTrigger,
   NavbarItem,
 } from "@nextui-org/react";
-import React from "react";
 // import { NotificationIcon } from "../icons/navbar/notificationicon";
 
 export const NotificationsDropdown = () => {
diff --git a/packages/admin/src/components/navbar/user-dropdown.tsx b/packages/admin/src/components/navbar/user-dropdown.tsx
index 5e6ca1581756c1fc7b37c8996b5c6185d32abf6a..0345c8d3467ad148267a4b201a9b0e29e4a6061e 100644
--- a/packages/admin/src/components/navbar/user-dropdown.tsx
+++ b/packages/admin/src/components/navbar/user-dropdown.tsx
@@ -4,10 +4,8 @@ import {
   DropdownItem,
   DropdownMenu,
   DropdownTrigger,
-  Navbar,
   NavbarItem,
 } from "@nextui-org/react";
-import React from "react";
 // import { DarkModeSwitch } from "./darkmodeswitch";
 
 export const UserDropdown = () => {
diff --git a/packages/admin/src/components/sidebar/Sidebar.tsx b/packages/admin/src/components/sidebar/Sidebar.tsx
index 45c94854f9113e5b51d8463f4103ec0e854ca912..b509fe8d98912776a893587068965912b9548c3f 100644
--- a/packages/admin/src/components/sidebar/Sidebar.tsx
+++ b/packages/admin/src/components/sidebar/Sidebar.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Sidebar } from "./sidebar.styles";
 import { SidebarItem } from "./sidebar-item";
 import { SidebarMenu } from "./sidebar-menu";
diff --git a/packages/admin/src/components/sidebar/collapse-items.tsx b/packages/admin/src/components/sidebar/collapse-items.tsx
index 2274101364b8b3a0ecc3bc968179d2dccb9dd76d..ec1a205ac6d9e35c6f20ac1ce01bcee542cc84f0 100644
--- a/packages/admin/src/components/sidebar/collapse-items.tsx
+++ b/packages/admin/src/components/sidebar/collapse-items.tsx
@@ -1,10 +1,9 @@
 "use client";
-import React, { useState } from "react";
+import React from "react";
 // import { ChevronUpIcon } from "../icons/sidebar/chevron-up-icon";
 import { Accordion, AccordionItem } from "@nextui-org/react";
-import clsx from "clsx";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faChevronDown, faChevronUp } from "@fortawesome/free-solid-svg-icons";
+import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
 
 interface Props {
   icon: React.ReactNode;
@@ -13,8 +12,6 @@ interface Props {
 }
 
 export const CollapseItems = ({ icon, items, title }: Props) => {
-  const [open, setOpen] = useState(false);
-
   return (
     <div className="flex gap-4 h-full items-center cursor-pointer">
       <Accordion className="px-0">
diff --git a/packages/admin/src/components/table/TableWrapper.tsx b/packages/admin/src/components/table/TableWrapper.tsx
index 04a4a91b30ef8f227937bb5872dbb4ae6c49c8bb..b7a66ecdffd500daf75be573e58ebf47a5d763c6 100644
--- a/packages/admin/src/components/table/TableWrapper.tsx
+++ b/packages/admin/src/components/table/TableWrapper.tsx
@@ -6,7 +6,6 @@ import {
   TableHeader,
   TableRow,
 } from "@nextui-org/react";
-import React from "react";
 import { RenderCell } from "./render-cell";
 import { columns, users } from "./data";
 
diff --git a/packages/admin/index.html b/packages/admin/src/index.html
similarity index 57%
rename from packages/admin/index.html
rename to packages/admin/src/index.html
index e4b78eae12304a075fa19675c4047061d6ab920d..cb35aabd2d2d22630fc4e2736ffb41b39d935cab 100644
--- a/packages/admin/index.html
+++ b/packages/admin/src/index.html
@@ -2,12 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>canvas admin</title>
+
+    <link rel="stylesheet" href="./index.scss" />
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="./main.tsx"></script>
   </body>
 </html>
diff --git a/packages/admin/src/pages/Accounts/Accounts/page.tsx b/packages/admin/src/pages/Accounts/Accounts/page.tsx
index 8752041a0413f10fcbf389106b738c03cfc3a1a3..9e2b8074c28a5d4b0a2b8d163d275452fbbe53a7 100644
--- a/packages/admin/src/pages/Accounts/Accounts/page.tsx
+++ b/packages/admin/src/pages/Accounts/Accounts/page.tsx
@@ -1,7 +1,6 @@
 import { faFile } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { BreadcrumbItem, Breadcrumbs, Button, Input } from "@nextui-org/react";
-import { TableWrapper } from "../../../components/table/TableWrapper";
 import { AccountsTable } from "./AccountsTable";
 
 export const AccountsPage = () => {
diff --git a/packages/admin/vite.config.ts b/packages/admin/vite.config.ts
index 5a33944a9b41b59a9cf06ee4bb5586c77510f06b..67a8eea2b954d80fe7408d804caf5ee15d522b43 100644
--- a/packages/admin/vite.config.ts
+++ b/packages/admin/vite.config.ts
@@ -1,7 +1,16 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
-})
+  root: "src",
+  envDir: "..",
+  build: {
+    outDir: "../dist",
+  },
+  plugins: [
+    react({
+      include: "**/*.{jsx,tsx}",
+    }),
+  ],
+});
diff --git a/packages/client/vite.config.js b/packages/client/vite.config.js
index 57b62228a8bd55a2d41941f3cb56701d09c8d2c3..e37b7d9fbe35dece58663ce46445f8f6f997b36f 100644
--- a/packages/client/vite.config.js
+++ b/packages/client/vite.config.js
@@ -5,7 +5,7 @@ export default defineConfig({
   root: "src",
   envDir: "..",
   build: {
-    outDir: "dist",
+    outDir: "../dist",
   },
   plugins: [
     react({