Using Base Layout, homepage content

[dvidsilva]

This pull request introduces several foundational improvements to the Markket Astro storefront template, focusing on build automation, framework integrations, and enhanced content handling. The most important changes include the addition of a GitHub Actions workflow for automated pull request builds, integration of React and TailwindCSS into the Astro configuration, expanded dependencies, and a new rich content rendering component. There are also improvements to Strapi content loader configuration and sorting.

Build and Deployment Automation

• Added a .github/workflows/test_pr.yml GitHub Actions workflow to automate testing and building on pull requests targeting main, including environment setup and build verification.

Framework and Tooling Integrations

• Updated astro.config.mjs to integrate React (@astrojs/react) and TailwindCSS (@tailwindcss/vite) via Vite plugins for enhanced UI development and styling.
• Expanded package.json dependencies to include React, ReactDOM, TailwindCSS, Tabler Icons, marked (for markdown parsing), and Astro React integration.

Content Rendering

• Added src/components/BlocksContent.astro, a rich content block renderer supporting paragraphs, headings, code, lists, quotes, and images, with appropriate semantic HTML and styling.

Content Loader Configuration

• Updated src/content/config.ts to add sorting to Strapi content loaders for pages, products, and posts, and introduced a workaround type to address type errors. [1] [2] [3]

Analytics Integration

• Added src/components/posthog.astro for PostHog analytics integration, loading the tracking script using the public key from environment variables.