refactor(app): improve layout consistency and responsiveness across pages

The changes focus on standardizing layouts, spacing, and container usage
throughout the site while enhancing responsive behavior. Key improvements
include:

- Unified container usage for consistent page widths
- Standardized section padding and gaps
- Removed redundant padding/margin classes
- Better responsive grid layouts
- Consistent text alignment and spacing
- Cleaner flexbox structures

tailwind.config.mjs

@@ -3,6 +3,22 @@ export default {
   content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
   darkMode: ['selector', '[data-theme="dark"]'],
   theme: {
+    container: {
+      screens: {
+         sm: "100%",
+         md: "100%",
+         lg: "1024px",
+         xl: "1280px",
+      },
+      padding: {
+        DEFAULT: '1rem',  
+        sm: '1.5rem',       
+        md: '1.5rem',       
+        lg: '1.5rem',       
+        xl: '2rem',  
+      },
+      center: true,
+    },
     extend: {
       screens: {
         '-sm': '@media (max-width: 639px)',