fix: draw replication line horizontally between Primary and Replica

[gamaware]

The dashed replication line was drawn vertically below Primary and got clipped by the SVG viewBox. Move it to run horizontally from Primary to Replica, matching the actual data flow.

Summary by CodeRabbit

• Style
  • Repositioned the database replication connection line in the visualizer diagram from vertical to horizontal orientation and updated the label placement for improved visual clarity.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 8d598f24-8a79-4071-ac47-e94431afe2b9

📥 Commits

Reviewing files that changed from the base of the PR and between 36957a4 and f757048.

📒 Files selected for processing (1)

• 10-databases/visualizer/index.html

---

📝 Walkthrough

Walkthrough

A horizontal dashed line replaces a vertical dashed "replication" SVG connection in a database visualizer. The replication label is repositioned and centered to align with the new horizontal line configuration.

Changes

Cohort / File(s)	Summary
SVG Visualization Update 10-databases/visualizer/index.html	Repositioned dashed replication connection from vertical (x=450, y=200→260) to horizontal (x=520→670, y=210) and updated label coordinates with text-anchor="middle" centering.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰✨ A line changed its direction with grace,
From vertical to horizontal in this space,
The replication label now centers just right,
Our database visualizer looks crisp and bright! 🎨

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/replication-line-svg

---

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

[Copilot]

Pull request overview

Adjusts the replication indicator in the Lab 10 database visualizer diagram so it renders within the SVG viewBox and matches the intended Primary → Replica data flow.

Changes:

• Repositions the dashed “replication” line from a vertical segment under Primary to a horizontal segment between Primary and Replica.
• Centers the “replication” label under the new horizontal line for clearer association.