ui: polimento geral e espaçamentos responsivos perfeitos

fix_spacing.cjs

@@ -0,0 +1,37 @@
+const fs = require('fs');
+
+let content = fs.readFileSync('src/App.jsx', 'utf8');
+
+const replacements = [
+    { from: /(?<!:)\bp-12\b/g, to: 'p-6 md:p-12' },
+    { from: /(?<!:)\bp-10\b/g, to: 'p-6 md:p-10' },
+    { from: /(?<!:)\bp-8\b/g, to: 'p-5 md:p-8' },
+    { from: /(?<!:)\bgap-10\b/g, to: 'gap-6 md:gap-10' },
+    { from: /(?<!:)\bgap-12\b/g, to: 'gap-6 md:gap-12' },
+    { from: /(?<!:)\bgap-8\b/g, to: 'gap-4 md:gap-8' },
+    { from: /(?<!:)\bmb-10\b/g, to: 'mb-6 md:mb-10' },
+    { from: /(?<!:)\bmb-16\b/g, to: 'mb-8 md:mb-16' },
+    { from: /(?<!:)\bmb-8\b/g, to: 'mb-5 md:mb-8' },
+    { from: /(?<!:)\bmt-10\b/g, to: 'mt-6 md:mt-10' },
+    { from: /(?<!:)\bmt-12\b/g, to: 'mt-6 md:mt-12' },
+    { from: /(?<!:)\bmt-8\b/g, to: 'mt-5 md:mt-8' },
+    { from: /(?<!:)\bpx-12\b/g, to: 'px-6 md:px-12' },
+    { from: /(?<!:)\bpx-8\b/g, to: 'px-5 md:px-8' },
+    { from: /(?<!:)\bpy-12\b/g, to: 'py-6 md:py-12' },
+    { from: /(?<!:)\bpy-16\b/g, to: 'py-8 md:py-16' },
+    { from: /(?<!:)\bspace-y-10\b/g, to: 'space-y-6 md:space-y-10' },
+    { from: /(?<!:)\bspace-y-12\b/g, to: 'space-y-8 md:space-y-12' },
+    { from: /(?<!:)\bspace-y-8\b/g, to: 'space-y-5 md:space-y-8' }
+];
+
+let changedContent = content;
+
+replacements.forEach(r => {
+    changedContent = changedContent.replace(r.from, r.to);
+});
+
+// To be even more perfect, let's also fix rounded-[2rem] to rounded-3xl md:rounded-[2rem]
+changedContent = changedContent.replace(/(?<!:)\brounded-\[2rem\]/g, 'rounded-3xl md:rounded-[2rem]');
+
+fs.writeFileSync('src/App.jsx', changedContent);
+console.log('Spacing normalized successfully.');