Connect UI to Database

[ThomasCode92]

🚀 Connect UI to Database

✨ Summary

This PR establishes foundational integration between the User Interface and the Database, enabling dynamic data-driven views and setting the stage for a more interactive application.

---

🛠️ What’s Included

• 🔌 UI–Database Connection
  • Integrates the UI with the database to enable real-time data access.
• 📁 Dynamic Folder Route
  • Introduces a new route: /f/:folderId.
  • Fetches and displays the corresponding folder's contents based on the route parameter.
• 🏠 Dummy Home Page
  • Adds a placeholder home page to scaffold future design and routing.

---

✅ How to Test

1. Start the application (pnpm run dev).
2. Visit the route /f/:folderId with a valid folder ID to view its contents.

---

📌 Notes

• This is an initial integration; future updates may include enhanced UI/UX, error handling, and loading states.
• Route parameters are validated (using Zod) for type safety and input integrity.

[netlify]

✅ Deploy Preview for t4s-drive-tutorial ready!

Name	Link
🔨 Latest commit	d7ae14c
🔍 Latest deploy log	https://app.netlify.com/projects/t4s-drive-tutorial/deploys/68409fd2634c7600089f3879
😎 Deploy Preview	https://deploy-preview-4--t4s-drive-tutorial.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.