feat: add Full Stack Development button to app details page

Author: SFARPak

src/pages/app-details.tsx

@@ -329,6 +329,22 @@ export default function AppDetailsPage() {
           </div>
         </div>
         <div className="mt-4 flex flex-col gap-2">
+          <Button
+            onClick={async () => {
+              if (!appId) {
+                console.error("No app id found");
+                return;
+              }
+              // Set chat mode to fullstack before navigating
+              await IpcClient.getInstance().setUserSettings({ selectedChatMode: "fullstack" });
+              navigate({ to: "/chat" });
+            }}
+            className="cursor-pointer w-full py-5 flex justify-center items-center gap-2 bg-green-600 hover:bg-green-700 text-white"
+            size="lg"
+          >
+            Full Stack Development
+            <Code className="h-4 w-4" />
+          </Button>
           <Button
             onClick={async () => {
               if (!appId) {