Feature - Add FAQ Pages

[JuliaGalhardi]

Closes: #50

This pull request introduces a more complete FAQ page and support/contact flow for the user, accessible via the FAQ navigation. The new pages guide users through common questions, knowledge base management, subscription issues, and provide direct contact options. I hasn't been fulled developed in order to first validate its structure and ideas.

Frontend Improvements

faq-page.tsx

• Created the main FAQ page with four sections:
  • Plans & Subscriptions: Manage/cancel plans, request refunds, and access subscription-related FAQs.
  • Knowledge Bases: Tutorials for creating and managing knowledge bases, document management, and related FAQs.
  • Account Help: Profile and security topics.
  • Need more help?: Directs users to the contact page.
• Each section uses styled cards with icons, titles, and descriptions, following the project’s design system.
• Navigation between FAQ topics is clear and consistent.

faq-subscription-refund.tsx, faq-subscription-others.tsx, faq-bases-create.tsx, faq-bases-others.tsx, faq-contact.tsx

• Added dedicated pages for:
  • Subscription Refunds: Explains refund policy and includes a validated contact form.
  • Subscription FAQs: Lists common topics about subscriptions in a clean, card-based layout.
  • Knowledge Base Creation: Step-by-step tutorial for creating a new knowledge base, with placeholders for future screenshots and diagrams. Explains both the user process and backend general logic, plus a section for common errors and solutions.
  • Knowledge Base FAQs: Lists common topics about knowledge base management.
  • Contact: Lists company contact emails for finance, support, and partnerships, plus a general contact form for users unsure of the correct address.
• All pages include breadcrumbs aligned with the main content for improved navigation and context.

Form Validation

• Introduced faqFormSchema using Zod for consistent validation across all FAQ/contact forms.
• All forms provide user positive toast feedback and error messages in line with the rest of the application.

Styling and Utilities

• All new pages and components use the established Tailwind and component classes for cards, buttons, and layout.
• Placeholder blocks for images and diagrams in tutorials, ready for future content.

Navigation

• Breadcrumbs are present and visually aligned with the main content on all FAQ-related pages.
• All new FAQ and support pages were added to the application routes.

---

This PR delivers a good FAQ and support foundation for the project, ensuring users can find answers, manage their knowledge bases, and reach out for help with a user-friendly experience. All pages are visually integrated with the rest of the application and ready for future content.