[Feature] - Added page break, cleanup the folder structure for constants and interfaces

[ElizabethSobiya]

Description

• Layed the structural groundwork before implementing visual multi-page layout in the editor.

• Moved all constants and interfaces out of component files into dedicated constants/ and types/ folders for both frontend and backend.

  Type of change

  • Bug fix
  • New feature
  • Breaking change
  • Docs / chore

  How to test

  1. npm run dev --workspace=apps/web — editor loads and all
     features work
  2. npm run typecheck — zero TypeScript errors
  3. npm run lint — zero lint warnings

  Screenshots

  N/A — no UI changes

  Checklist

  • Tests pass
  • No TypeScript errors (npm run typecheck)
  • No lint warnings (npm run lint)
  • Docs updated if needed
  • Targets the dev branch (not main)

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 2c9d3a70-70c0-44a1-bdd2-fffa4bac762a

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/pagination

📝 Coding Plan

• Generate coding plan for human review comments

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

Tip

You can disable the changed files summary in the walkthrough.

Disable the reviews.changed_files_summary setting to disable the changed files summary in the walkthrough.

[ElizabethSobiya]

@coderabbitai review