Fix target blank icon scaling to match text size on mobile devices

[Copilot]

The external link icon displayed after target="_blank" links was using a fixed size of 0.6rem, causing it to appear disproportionately large on mobile devices and not scale with different text sizes.

Problem

The icon had a fixed height regardless of the text size it was attached to, making it look oversized especially on phones where text might be smaller or when used with different font sizes throughout the interface.

Solution

Changed the SVG height from height="0.6rem" to height="1em" in the CSS rule for target blank icons. This makes the icon scale relative to the font size of the text it's attached to, ensuring proportional sizing across all devices and text sizes.

Technical Details

The change was made in /src/styles/main.css in the CSS rule:

a[target="_blank"]:not(:has(h5))::after,
a[target="_blank"] > h5::after

The fix ensures the icon now properly scales with:

• Small text (12px) - icon scales down appropriately
• Normal text (16px) - maintains good proportion
• Large text (24px+) - scales up to match
• Mobile viewports - no longer appears oversized

The change is minimal and maintains all existing functionality while improving the visual consistency across different screen sizes and text configurations.

Fixes #2.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[Copilot]

@PatrickMatthiesen 👋 This repository doesn't have Copilot instructions. With Copilot instructions, I can understand the repository better, work faster and produce higher quality PRs.

I can generate a .github/copilot-instructions.md file for you automatically. Click here to open a pre-filled issue and assign it to me. I'll write the instructions, and then tag you for review.

[PatrickMatthiesen]

LGTM