Chore: Update import paths for consistency (#10)

app/(prowler)/compliance/page.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import Header from "@/components/ui/header/Header";
+import { Header } from "@/components";
 
 export default function Compliance() {
   return (

app/(prowler)/findings/page.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import Header from "@/components/ui/header/Header";
+import { Header } from "@/components";
 
 export default function Findings() {
   return (

app/(prowler)/integration/page.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import Header from "@/components/ui/header/Header";
+import { Header } from "@/components";
 
 export default function Integration() {
   return (

app/(prowler)/page.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import Header from "@/components/ui/header/Header";
+import { Header } from "@/components";
 
 export default function Home() {
   return (

app/(prowler)/providers/page.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import Header from "@/components/ui/header/Header";
+import { Header } from "@/components";
 
 export default function Providers() {
   return (

app/(prowler)/services/page.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import Header from "@/components/ui/header/Header";
+import { Header } from "@/components";
 
 export default function Services() {
   return (

components/icons/Icons.tsx

@@ -46,12 +46,12 @@ export const GithubIcon: React.FC<IconSvgProps> = ({
   );
 };
 
-export const MoonFilledIcon = ({
+export const MoonFilledIcon: React.FC<IconSvgProps> = ({
   size = 24,
   width,
   height,
   ...props
-}: IconSvgProps) => (
+}) => (
   <svg
     aria-hidden="true"
     focusable="false"
@@ -68,12 +68,12 @@ export const MoonFilledIcon = ({
   </svg>
 );
 
-export const SunFilledIcon = ({
+export const SunFilledIcon: React.FC<IconSvgProps> = ({
   size = 24,
   width,
   height,
   ...props
-}: IconSvgProps) => (
+}) => (
   <svg
     aria-hidden="true"
     focusable="false"
@@ -90,15 +90,20 @@ export const SunFilledIcon = ({
   </svg>
 );
 
-export const SearchIcon = (props: IconSvgProps) => (
+export const SearchIcon: React.FC<IconSvgProps> = ({
+  size = 24,
+  width,
+  height,
+  ...props
+}) => (
   <svg
     aria-hidden="true"
     fill="none"
     focusable="false"
-    height="1em"
+    height={size || height}
     role="presentation"
     viewBox="0 0 24 24"
-    width="1em"
+    width={size || width}
     {...props}
   >
     <path
@@ -117,3 +122,82 @@ export const SearchIcon = (props: IconSvgProps) => (
     />
   </svg>
 );
+
+export const ChevronDownIcon: React.FC<IconSvgProps> = ({
+  size = 24,
+  width,
+  height,
+  strokeWidth = 1.5,
+  ...props
+}) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height={size || height}
+    role="presentation"
+    viewBox="0 0 24 24"
+    width={size || width}
+    {...props}
+  >
+    <path
+      d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit={10}
+      strokeWidth={strokeWidth}
+    />
+  </svg>
+);
+
+export const PlusIcon: React.FC<IconSvgProps> = ({
+  size = 24,
+  width,
+  height,
+  ...props
+}) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height={size || height}
+    role="presentation"
+    viewBox="0 0 24 24"
+    width={size || width}
+    {...props}
+  >
+    <g
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+    >
+      <path d="M6 12h12" />
+      <path d="M12 18V6" />
+    </g>
+  </svg>
+);
+
+export const VerticalDotsIcon: React.FC<IconSvgProps> = ({
+  size = 24,
+  width,
+  height,
+  ...props
+}) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height={size || height}
+    role="presentation"
+    viewBox="0 0 24 24"
+    width={size || width}
+    {...props}
+  >
+    <g fill="currentColor">
+      <path d="M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM12 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM12 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
+    </g>
+  </svg>
+);

components/ui/header/Header.tsx

@@ -7,7 +7,7 @@ interface HeaderProps {
   icon: string;
 }
 
-const Header: React.FC<HeaderProps> = ({ title, icon }) => {
+export const Header: React.FC<HeaderProps> = ({ title, icon }) => {
   return (
     <>
       <header className="flex items-center gap-3 py-4">
@@ -18,5 +18,3 @@ const Header: React.FC<HeaderProps> = ({ title, icon }) => {
     </>
   );
 };
-
-export default Header;

components/ui/index.ts

@@ -1,2 +0,0 @@
-export * from "./header/Header";
-export * from "./sidebar";

next.config.js

@@ -1,7 +1,4 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-  output: "export",
-  trailingSlash: true,
-};
+const nextConfig = {};
 
 module.exports = nextConfig;

tsconfig.json

@@ -6,11 +6,7 @@
     "incremental": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "module": "esnext",
     "moduleResolution": "node",
     "noEmit": true,
@@ -28,13 +24,6 @@
     "strict": true,
     "target": "es5"
   },
-  "exclude": [
-    "node_modules"
-  ],
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ]
+  "exclude": ["node_modules"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"]
 }