feat: add icons

package.json

@@ -11,6 +11,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-free": "^6.4.2",
     "@popperjs/core": "^2.11.8",
     "@types/node": "20.4.5",
     "@types/react": "18.2.18",

src/app/dashboardUser/Maps/page.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import '~/assets/styles/tailwind.css';
 
 // components
 

src/app/dashboardUser/Settings/page.tsx

@@ -1,5 +1,6 @@
 "use client"
 import React from 'react';
+import '~/assets/styles/tailwind.css';
 
 // components
 

src/app/dashboardUser/Tables/page.tsx

@@ -11,9 +11,9 @@ export default function Tables() {
         <div className="w-full mb-12 px-4">
           <CardTable />
         </div>
-        {/* <div className="w-full mb-12 px-4">
+        <div className="w-full mb-12 px-4">
           <CardTable color="dark" />
-        </div> */}
+        </div>
       </div>
     </>
   );

src/app/layout.tsx

@@ -9,6 +9,9 @@ import { ThemeProvider } from 'next-themes';
 const inter = Inter({ subsets: ['latin'] });
 
 
+import '@fortawesome/fontawesome-free/css/all.min.css';
+
+
 export default function RootLayout({
   children,
 }: {