fix: import fonts in ts instead of css file to solve build issue

[ivan-dalmet]

Summary by CodeRabbit

• Refactor
  • Switched Inter font loading from a CSS @import to an application-level import. Typography should remain consistent, with fonts loading more uniformly across the app. No changes to UI layout or interactions.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[coderabbitai]

Walkthrough

Moved Inter Variable font import from CSS to a side-effect import in the React providers module. Removed the CSS @import, leaving other styles unchanged. No runtime logic, exports, or public API modifications.

Changes

Cohort / File(s)	Summary of Changes
Font import relocation src/providers.tsx, src/styles/app.css	Added side-effect font import in providers (@fontsource-variable/inter). Removed the Inter font @import from app-level CSS. No other logic or style rules changed.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	The PR title clearly describes the primary change of moving font imports from the CSS file into the TypeScript code to address the build issue and concisely summarizes the actual modifications without extraneous detail.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/fonts-import-issue

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between bf2e2a4 and a47a560.

📒 Files selected for processing (2)

• src/providers.tsx (1 hunks)
• src/styles/app.css (0 hunks)

💤 Files with no reviewable changes (1)

• src/styles/app.css

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (4)

• GitHub Check: Playwright E2E Tests
• GitHub Check: 🔬 Tests (lts/*)
• GitHub Check: 🔬 Tests (24)
• GitHub Check: 🔬 Tests (22)

🔇 Additional comments (1)

src/providers.tsx (1)

5-5: Font import relocation looks good

Bringing the Inter font in via this side-effect import aligns it with other client-side setup and should resolve the build warning about CSS @imports.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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