feat: add padding

Author: figueroaignacio

apps/web/app/[locale]/(app)/hub/page.tsx

@@ -9,7 +9,7 @@ export default async function HubPage() {
   }
 
   return (
-    <div className="p-6 font-sans space-y-4">
+    <div className="font-sans space-y-4">
       <h2 className="text-2xl font-bold mb-4">Welcome, {session.user.name}!</h2>
       <p className="text-lg mb-2">Here is your session data:</p>
       <pre className="p-4 rounded-lg overflow-x-auto text-sm bg-card">

apps/web/styles/globals.css

@@ -95,15 +95,15 @@
 
 @layer components {
   .page-container {
-    @apply container mx-auto px-4 sm:px-6 lg:px-8;
+    @apply container mx-auto px-4 sm:px-6 lg:px-8 py-5;
   }
 
   .gradient-text {
     @apply bg-gradient-to-r from-pink-400 via-violet-700 to-pink-400 dark:from-pink-700 dark:via-violet-500 dark:to-pink-600 text-transparent bg-clip-text relative;
   }
 
   .gradient-background {
-    @apply bg-gradient-to-br from-purple-600 via-violet-500 to-fuchsia-500  text-white;
+    @apply bg-gradient-to-br from-purple-600 via-violet-500 to-fuchsia-500 text-white;
     background-size: 200% 200%;
     animation: gradientShift 15s ease infinite;
   }