Add comprehensive frontend pages with intentional typos in CTF style

[Copilot]

This PR adds multiple new frontend pages to the CTF platform, maintaining the existing hand-drawn aesthetic and intentional typo theme throughout. The implementation fills out existing placeholder pages and creates several new functional pages.

Changes Made

Filled out existing placeholder pages:

• regitser.vue: Complete registration form with wired-elements inputs for username, email, password, and team name
• hautpeingang.vue: Login page with authentication form and demo credentials (demo / plfanzen{hautpeingang})
• puntkebertt.vue: Comprehensive scoreboard showing individual rankings, team rankings, and competition statistics

New pages created:

• profil.vue: User profile page with activity feed, challenge progress tracking, and personal statistics
• regls.vue: Rules and information page covering competition rules, scoring system, technical details, and prize information
• hlp.vue: Help/FAQ page with expandable questions organized by category (Getting Started, Technical Help, Scoring, Common Issues)
• temas.vue: Team management page displaying team information, member lists, statistics, and management options

Navigation enhancement:

• default.vue: Updated header navigation to include links to all new pages

Design Consistency

All new pages maintain the existing design language:

• Wired-elements for form inputs, buttons, cards, and checkboxes
• RoughJS hand-drawn styling for borders and graphics
• Tailwind CSS for responsive layouts
• Excalifont typography throughout
• Intentional typos preserved (e.g., "cyrpto", "foresnic", "regitser", "hautpeingang", "puntkebertt", "emial", "passwrod")
• Color-coded categories matching the existing challenge system

Technical Notes

Fixed compatibility issues with v-model usage on wired-elements components which don't support two-way binding like standard HTML inputs. The pages now render correctly without SSR compilation errors.

Screenshots

Main Challenges Page

Scoreboard (Puntkebertt)

Rules & Information

Login Page (Hautpeingang)

Team Management

The implementation successfully expands the CTF platform's frontend while maintaining the playful, hand-drawn aesthetic and intentional misspellings that give it character.

Warning

Firewall rules blocked me from connecting to one or more addresses

I tried to connect to the following addresses, but was blocked by firewall rules:

• 0.0.0.0.in-addr.arpa
  • Triggering command: node /home/REDACTED/work/frontend/frontend/node_modules/.bin/nuxt dev --port 3000 --host 0.0.0.0 (dns block)
• api.fontshare.com
  • Triggering command: node /home/REDACTED/work/frontend/frontend/node_modules/.bin/nuxt dev --port 3000 --host 0.0.0.0 (dns block)
• api.fontsource.org
  • Triggering command: node /home/REDACTED/work/frontend/frontend/node_modules/.bin/nuxt dev --port 3000 --host 0.0.0.0 (dns block)
• fonts.bunny.net
  • Triggering command: node /home/REDACTED/work/frontend/frontend/node_modules/.bin/nuxt dev --port 3000 --host 0.0.0.0 (dns block)
• fonts.google.com
  • Triggering command: node /home/REDACTED/work/frontend/frontend/node_modules/.bin/nuxt dev --port 3000 --host 0.0.0.0 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💡 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.