fix: Changed name from default create next app to Draftly - AI system design and change logo favicon also

Author: Suharshit

app/apple-icon.png

@@ -15,8 +15,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Draftly - AI System Design",
+  description: "Draftly is an AI-powered system design tool for architects and engineers. Create, collaborate on, and share architecture diagrams with the help of generative AI.",
 };
 
 export default function RootLayout({

app/favicon.ico

@@ -548,6 +548,9 @@ Update this file whenever the current phase, active feature, or implementation s
       - Starter template nodes now default `textColor` and `strokeColor` to `var(--text-primary)`.
     - Updated `components/editor/shape-panel.tsx` and `components/editor/canvas-flow.tsx`:
       - Added select/pan toggle buttons to the shape panel and wired them to React Flow pan/selection modes.
+    - Updated app icons:
+      - Added `app/icon.png` using the ghost logo and removed the invalid `app/favicon.ico`.
+      - Center-cropped the logo to a square without resizing for `app/icon.png` and `app/apple-icon.png`.
     - Updated `components/editor/canvas-node.tsx`:
       - Replaced SVG text labels with `foreignObject`-based wrapped label containers for diamond/hexagon/cylinder so long labels stack and clip within node bounds.
       - Updated CSS-shape label style to multiline wrapping with bounded height and hidden overflow instead of single-line ellipsis.