fix: add responsive design breakpoints for TransactionTable, DAGPreview, RendererDemoPage, and DashboardLayout (Closes #153)

[waterWang]

Summary

Adds responsive design breakpoints to components that currently use fixed layouts, ensuring the UI adapts properly on mobile (375px) and tablet (768px) screens.

Changes

TransactionTable.module.css

• Added breakpoint — collapses grid to 2 columns
• Added breakpoint — collapses grid to 1 column
• Applies to both and grid containers

DAGPreview.tsx + DAGPreview.module.css

• Created new CSS module with responsive :
  • Mobile (<768px): 240px
  • Tablet (768px+): 320px
  • Desktop (1024px+): 400px
• Replaced fixed inline with responsive class

RendererDemoPage.tsx

• Changed grid from fixed 1fr 1fr to repeat(auto-fit, minmax(300px, 1fr))
• Items automatically reflow from 2-column → 1-column on narrow screens

DashboardLayout.module.css

• Added mobile-responsive padding and gap:
  • Tablet (<768px): padding 1rem, gap 1.5rem
  • Mobile (<480px): padding 0.75rem, gap 1rem

Closes #153

[vercel]

@water is attempting to deploy a commit to the Jaja's projects Team on Vercel.

A member of the Team first needs to authorize it.