chore: update Prettier configuration and add Tailwind CSS plugin; refactor CSS classes for consistency

- Updated .prettierrc to include Tailwind CSS plugin and functions.
- Added prettier-plugin-tailwindcss to package.json and pnpm-lock.yaml.
- Refactored CSS classes in main.css and various TSX files for improved consistency and readability.
- Adjusted spacing in several components to enhance layout and maintain uniformity.

apps/client/src/pages/home/sections/templates/index.tsx

@@ -42,7 +42,7 @@ export const TemplatesSection = () => (
                 alt={template}
                 loading="lazy"
                 src={`/templates/jpg/${template}.jpg`}
-                className=" aspect-[1/1.4142] h-[400px] rounded object-cover lg:h-[600px]"
+                className="aspect-[1/1.4142] h-[400px] rounded object-cover lg:h-[600px]"
               />
             </motion.a>
           ))}