refactor: adjust save button on new project form

src/app/(app)/me/projects/new/components/save-button.tsx

@@ -0,0 +1,18 @@
+'use client'
+
+import { useUploadStore } from '@/store'
+import { Button } from '@/components/ui/button'
+
+export function SaveButton() {
+  const uploadStatus = useUploadStore((store) => store.uploadStatus)
+
+  return (
+    <Button
+      disabled={uploadStatus === 'submitting'}
+      type="submit"
+      form="new-project"
+    >
+      Save
+    </Button>
+  )
+}

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

@@ -5,15 +5,13 @@ import { Separator } from '@/components/ui/separator'
 import Link from 'next/link'
 import { NewProjectForm } from './components/new-project-form'
 import { Metadata } from 'next'
-import { useUploadStore } from '@/store'
+import { SaveButton } from './components/save-button'
 
 export const metadata: Metadata = {
   title: 'New Project',
 }
 
 export default function NewProject() {
-  const { uploadStatus } = useUploadStore()
-
   return (
     <div>
       <div className="flex items-center justify-between">
@@ -26,13 +24,8 @@ export default function NewProject() {
           <Button asChild variant="outline">
             <Link href="/me/projects">Cancel</Link>
           </Button>
-          <Button
-            disabled={uploadStatus === 'submitting'}
-            type="submit"
-            form="new-project"
-          >
-            Save
-          </Button>
+
+          <SaveButton />
         </div>
       </div>