Refactor ProjectForm component to fix tag overflow handling

src/app/(investment)/deals/[id]/page.tsx

@@ -125,7 +125,7 @@ export default async function ProjectDealPage({ params }: { params: { id: number
                     <CardDescription></CardDescription>
                   </CardHeader>
                   <CardContent>
-                    <div className="prose prose-sm max-w-none">
+                    <div className="prose prose-sm max-w-none ">
                       <ReactMarkdown>{projectData?.project_description || "No pitch available."}</ReactMarkdown>
                     </div>
                   </CardContent>

src/app/project/apply/page.tsx

@@ -13,7 +13,7 @@ export default function ApplyProject() {
   };
   return (
     <div>
-      <div className="grid grid-flow-row auto-rows-max w-full h-52 md:h-92 bg-gray-100 dark:bg-gray-800 p-5">
+      <div className="grid grid-flow-row auto-rows-max w-full h-52 md:h-92 bg-gray-2s00 dark:bg-gray-800 p-5">
         <h1 className="text-2xl md:text-5xl font-medium md:font-bold justify-self-center md:mt-8">
           Apply to raise on B2DVentures
         </h1>
@@ -28,7 +28,7 @@ export default function ApplyProject() {
           </p>
         </div>
       </div>
-      <div className="grid auto-rows-max bg-zinc-100 dark:bg-zinc-900 pt-12 pb-12">
+      <div className="grid auto-rows-max bg-zinc-100 dark:bg-zinc-900 pt-12 -mb-6">
         <ProjectForm onSubmit={onSubmit} />
       </div>
     </div>

src/components/ProjectForm.tsx

@@ -577,14 +577,15 @@ const ProjectForm = ({
               </FormItem>
             )}
           />
-
+        </div>
+        <center>
           <Button
-            className="mt-12 mb-20  h-10 text-base font-bold py-6 px-5"
+            className="mt-12 mb-20 h-10 text-base font-bold py-6 px-5 "
             type="submit"
           >
             Submit application
           </Button>
-        </div>
+        </center>
       </form>
     </Form>
   );

src/components/navigationBar/nav.tsx

@@ -51,8 +51,8 @@ export function NavigationBar() {
   const projectComponents = [
     {
       title: "Projects",
-      href: "/landing",
-      description: "Raise on B2DVentures",
+      href: "/project/apply",
+      description: "Start your new project on B2DVentures",
     },
   ];