chore: setup husky for git hooks management (#30)

* remove onLogin props by using <Link> tag on landing page and rename feature by logic

* refactor(front): update every components

* chore: setup husky for git hooks management

.husky/pre-commit

@@ -0,0 +1,2 @@
+pnpm lint
+pnpm build

package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "prepare": "husky"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.1",
@@ -45,6 +46,7 @@
     "@types/react-dom": "^18.3.0",
     "eslint": "^8.57.1",
     "eslint-config-next": "14.2.5",
+    "husky": "^9.1.6",
     "postcss": "^8.4.47",
     "tailwindcss": "^3.4.13",
     "typescript": "^5.6.2"

src/app/(gistLayout)/layout.tsx

@@ -1,27 +1,23 @@
-"use client";
-
-import { ReactNode, useCallback } from "react";
-import GistLayout from "./layout-ui";
-import { useMe } from "@/lib/queries/user.queries";
-import { useToast } from "@/components/shadcn/use-toast";
-import { useCreateGist } from "@/lib/queries/gists.queries";
-import { useCreateOrg } from "@/lib/queries/orgs.queries";
-
-export default function GistLayoutFeature({
-  children,
-}: {
-  children: ReactNode;
-}) {
-  const { data, error } = useMe();
-  const { toast } = useToast();
+'use client'
+
+import { ReactNode, useCallback } from 'react'
+import GistLayout from './layout-ui'
+import { useMe } from '@/lib/queries/user.queries'
+import { useToast } from '@/components/shadcn/use-toast'
+import { useCreateGist } from '@/lib/queries/gists.queries'
+import { useCreateOrg } from '@/lib/queries/orgs.queries'
+
+export default function GistLayoutFeature({ children }: { children: ReactNode }) {
+  const { data, error } = useMe()
+  const { toast } = useToast()
   const { mutate: createGist } = useCreateGist({
     onSuccess: () => {
       toast({
-        title: "Gist Created",
-        description: "Your gist has been created successfully",
-      });
+        title: 'Gist Created',
+        description: 'Your gist has been created successfully',
+      })
     },
-  });
+  })
 
   const { mutate: createOrg } = useCreateOrg({
     onSuccess: () => {
@@ -30,25 +26,25 @@ export default function GistLayoutFeature({
         description: "Your org has been created successfully",
       });
     },
-  });
+  })
 
   const onMyGists = () => {};
 
   const onCreateOrg = useCallback(
     (name: string) => {
-      createOrg(name);
+      createOrg(name)
     },
     [createOrg],
   );
 
-  const onLogout = () => {};
+  const onLogout = () => {}
 
   const onCreateGist = (name: string, content: string) => {
     createGist({
       content,
       name,
-    });
-  };
+    })
+  }
 
   return (
     <GistLayout
@@ -61,5 +57,5 @@ export default function GistLayoutFeature({
     >
       {children}
     </GistLayout>
-  );
+  )
 }