small changes

src/app/Accounts/page.tsx

@@ -1,11 +1,19 @@
-import { Account } from "@db/schema/Account";
+import { accounts } from "@schemas/schema";
 import { getData } from "@actions/accountActions";
+import Account from "@components/Account"; // Adjust the import path as necessary
+import React from 'react';
+
+
+export interface AccountProps {
+  account: any; // Adjust the type according to your data structure
+}
+
 
 export default async function AccountsPage() {
   const data = await getData();
   return (
     <div className="bg-gray-100 min-h-screen flex flex-col">
- {/*   <Account account={data} /> */} 
+    <Account account={data} /> 
     </div>
   );
 }

src/components/Account/index.tsx

@@ -0,0 +1,14 @@
+import { AccountProps } from "@src/app/Accounts/page";
+import React from "react";
+
+
+export const Account: React.FC<AccountProps> = ({ account }) => {
+  return (
+    <div className="account-card">
+      <h2>{account.name}</h2>
+      <p>{account.email}</p>
+      {/* Add more fields as necessary */}
+    </div>
+  );
+};
+export default Account;

src/components/Brand/brand.tsx

@@ -1,6 +1,10 @@
 "use client";
 import { ChangeEvent, FC, useState } from "react";
-import { brandType } from "src/types/brandType";
+
+type brandType = {
+  id: number;
+  name: string;    
+};
 interface Props {
   brand: brandType;
   changeBrandName: (id: number, name: string) => void;

src/lib/types/brandType.ts

@@ -1,4 +1,6 @@
 export type brandType = {
     id: number;
     name: string;    
-  };
+  };
+
+  export default brandType;

tsconfig.json

@@ -39,7 +39,7 @@
         "./src/db/*"
       ],
       "@types/*": [
-        "./src/types/*"
+        "./src/lib/types/*"
       ],
       "@components/*": [
         "./src/components/*",