fix: lint errors (#12)

* ci: build github workflow

* fix: ci pnpm not found

* chore: update

* fix: use `'` for comma

* fix: code errors

Author: stabldev

src/app/(app)/new/page.tsx

@@ -10,7 +10,7 @@ export default async function Page() {
   return (
     <div className="mx-auto my-10 w-full max-w-5xl space-y-8">
       <div className="flex flex-col gap-2">
-        <h3 className="text-4xl font-black">Let's do something new.</h3>
+        <h3 className="text-4xl font-black">Let&apos;s do something new.</h3>
         <span className="text-muted-foreground text-sm">
           Select a repository to link with Gitloom and start managing your content.
         </span>
@@ -29,7 +29,7 @@ export default async function Page() {
           </div>
           <div className="flex flex-1 flex-col items-center justify-center gap-2">
             <Construction className="text-muted-foreground size-10 stroke-1" />
-            <span className="text-muted-foreground text-sm">(Feature comin' soon)</span>
+            <span className="text-muted-foreground text-sm">(Feature comin&apos; soon)</span>
           </div>
         </div>
       </div>

src/app/(auth)/login/page.tsx

@@ -22,7 +22,7 @@ export default async function Page() {
           <h4 className="text-4xl font-black">Your data is yours.</h4>
           <div className="text-muted-foreground flex gap-2 text-sm">
             <Box className="size-5 shrink-0" />
-            <span>Gitloom is decentralized and doesn't rely on any cetralized database.</span>
+            <span>Gitloom is decentralized and doesn&apos;t rely on any cetralized database.</span>
           </div>
           <div className="text-muted-foreground flex gap-2 text-sm">
             <FolderLock className="size-5 shrink-0" />

src/app/(auth)/login/success/login-redirect.tsx

@@ -5,7 +5,7 @@ import { AnimatedCircularProgressBar } from '@/components/magicui/animated-circu
 import { LOCAL_STORAGE_KEYS } from '@/constants';
 import { cn, waitFor } from '@/lib/utils';
 import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 
 interface Task {
   pending: boolean;
@@ -23,14 +23,17 @@ export default function LoginRedirect() {
     },
   ]);
 
-  function completeAllTasks(): void {
+  const completeAllTasks = useCallback(() => {
     setTasks((prev) => prev.map((t) => ({ ...t, pending: false })));
-  }
+  }, [setTasks]);
 
-  function addTask(task: Task): void {
-    completeAllTasks();
-    setTasks((prev) => [...prev, task]);
-  }
+  const addTask = useCallback(
+    (task: Task) => {
+      completeAllTasks();
+      setTasks((prev) => [...prev, task]);
+    },
+    [completeAllTasks, setTasks],
+  );
 
   useEffect(() => {
     (async () => {
@@ -53,7 +56,7 @@ export default function LoginRedirect() {
         router.push(`/new`);
       }
     })();
-  }, []);
+  }, [addTask, router]);
 
   return (
     <div className="flex min-h-dvh flex-col items-center justify-center gap-4">