feat: implement interactive canvas background

[hiya005]

Summary

Closes #140

---

Type of Change

• Bug fix
• New feature
• Refactor (no functional change)
• UI / Design change
• Tests only
• Documentation
• Infrastructure / DevOps
• Security

---

What Changed

• Interactive Canvas Network added to Web: Updated apps/web/src/routes/+layout.svelte and created NetworkBackground.svelte to implement a dynamic, mouse-tracking particle web animation that shifts dynamically with the active light/dark theme state.
• Fixed Workspace Stacking/Transparency Issues: Adjusted the canvas layout with z-index: -1 and pointer-events: none so that background colors, text layouts, and buttons remain perfectly interactive and visible.
• Resolved Monorepo Linting Pipeline Failures: Linked the strict backend rules to the shared folder by creating an eslint.config.js proxy inside packages/shared.
• Auto-Fixed Formatting Errors: Addressed 5 formatting issues (adding missing curly braces, using export type syntax in index.ts, and cleaning up import grouping in platforms.test.ts) to bring the shared package into 100% compliance with ESLint v10.

---

How to Test

1. Navigate to the root folder and run pnpm install to ensure all workspace binary hooks are linked.
2. Run pnpm --filter @devcard/shared lint (or step inside packages/shared and run pnpm lint) to verify that the linting pipeline passes with 0 errors or warnings.
3. Boot up the web client (pnpm --filter web dev), launch your browser, and toggle between Light and Dark mode.
4. Verify that the ambient canvas gradient and particle structures seamlessly shift colors, and ensure the network lines track your mouse pointer globally across the screen.

---

Checklist

• My code follows the project's coding style (pnpm -r run lint passes).
• TypeScript compiles without errors (pnpm -r run typecheck).
• I have added or updated tests for the changes I made.
• All tests pass locally (pnpm -r run test).
• I have updated documentation where necessary.
• No new console.log or debug statements left in the code.
• Breaking changes are documented in this PR description.

---

Screenshots / Recordings

background.mp4

Additional Context

• The canvas mouse-tracker uses the global browser window viewport space instead of canvas local bounds to prevent standard child DOM elements from blocking mouse coordinates.

[hiya005]

@Harxhit Sir the task is completed sorry for the delay hope you like it and please also label the pr with labels gssoc: aprroved , difficulty, quality , good first issue for the further points if you like the work please merge the pr too
Thanks for the opportunity

[Harxhit]

@Harxhit Sir the task is completed sorry for the delay hope you like it and please also label the pr with labels gssoc: aprroved , difficulty, quality , good first issue for the further points if you like the work please merge the pr too
Thanks for the opportunity

Please join our discord channel from the readme section to know more about label assignments.

[hiya005]

@Harxhit ok let me join

[ShantKhatri]

@hiya005 The screen recording video is not working. Could you please look into this?

[ShantKhatri]

Hi @hiya005 , as we have moved out of Svelt and migrated to React, it's recommended to have changes aligned with the new architecture. Happy to review your updated PR. Closing this.