fix(syntax): correct div nesting and indentation in abacus page

Fixed improper div nesting that was causing JSX syntax errors:
- Indented grid div to be properly inside data-component div
- Added missing closing divs for proper nesting structure
- Aligned all closing tags with their opening tags

Structure now correctly:
PageWithNav > outer wrapper > data-component > (h1, p, grid) > (controls, preview)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

apps/web/src/app/create/abacus/page.tsx

@@ -96,13 +96,13 @@ export default function ThreeDPrintPage() {
 
         <p className={css({ mb: 6, color: 'gray.600' })}>{t('pageSubtitle')}</p>
 
-      <div
-        className={css({
-          display: 'grid',
-          gridTemplateColumns: { base: '1fr', md: '1fr 1fr' },
-          gap: 8,
-        })}
-      >
+        <div
+          className={css({
+            display: 'grid',
+            gridTemplateColumns: { base: '1fr', md: '1fr 1fr' },
+            gap: 8,
+          })}
+        >
         {/* Left column: Controls */}
         <div data-section="controls">
           <div
@@ -562,7 +562,8 @@ export default function ThreeDPrintPage() {
             </div>
           </div>
         </div>
-      </div>
+        </div>
+        </div>
       </div>
     </PageWithNav>
   )