Fix PageHeader collision with Sidebar, update dependencies, and clean up code

[nakrovati]

📝 Pull Request

📋 Description

I'm just cleaning up the project. Here are the changes:

1. Fix: PageHeader overlaps Sidebar on small screens
   
2. Chore, refactor: remove unused dependencies and update current ones
3. Refactor: replace clipboard with vueuse useClipboard(). For compatibility with very old browsers, you can add legacy: true to useClipboard() if necessary.
4. Move the initialization of appName and appDescription to nuxt.config.ts.

If you're interested, there are several unused components in the project.

• GitHub Globe - this requires three dependencies: three-globe and postprocessing. Without these, the other dependencies become unnecessary.
• NavigationMenu
• PerformanceChart and UsageChart - these require ECharts. Without them, ECharts becomes unnecessary.

Removing these components can save a total of 138 MB when loading their dependencies (https://pkg-size.dev/echarts%20three-globe%20three%20postprocessing).

🔄 Type of Change

• 🐛 Bug fix (non-breaking change which fixes an issue)
• ✨ New feature (non-breaking change which adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
• 📚 Documentation update
• 🔧 Code refactoring
• ⚡ Performance improvement
• 🧪 Test improvements
• 🔒 Security fix

🧪 Testing

Test Coverage

• Unit tests added/updated
• Integration tests added/updated
• Performance tests added/updated
• Manual testing completed

Test Results

# 运行测试的命令和结果
npm run test

📊 Performance Impact

• No performance impact
• Performance improved
• Performance impact analyzed and acceptable
• Performance benchmarks included

🔒 Security Considerations

• No security impact
• Security review completed
• Vulnerability assessment done
• Security tests added

📚 Documentation

• Code comments updated
• README updated (if needed)
• API documentation updated (if needed)
• Changelog updated

✅ Checklist

Code Quality

• Code follows the project's style guidelines
• Self-review of the code completed
• Code is properly commented
• No console.log or debug statements left
• TypeScript types are properly defined
• All commit messages are in English (following Conventional Commits)

Testing

• All existing tests pass
• New tests cover the changes
• Test coverage is maintained or improved
• Edge cases are tested

Dependencies

• No new dependencies added, or they are justified
• Dependencies are up to date
• No security vulnerabilities in dependencies

Compatibility

• Changes are backward compatible
• Browser compatibility maintained
• Node.js version compatibility maintained

🔗 Related Issues

Closes #
Fixes #
Related to #

📸 Screenshots (if applicable)

Before	After

🚀 Deployment Notes

• No special deployment steps required
• Database migration required
• Configuration changes required
• Environment variables updated

👥 Reviewers

Please review: @

📝 Additional Notes

---

🤖 Automated Checks

The following checks will be automatically performed:

• ✅ Code formatting (Prettier)
• ✅ Type checking (TypeScript)
• ✅ Linting (ESLint)
• ✅ Unit tests
• ✅ Integration tests
• ✅ Security scan
• ✅ Performance tests
• ✅ Build verification

📊 Code Coverage

Current coverage will be displayed here after the tests run.

⚡ Performance Benchmarks

Performance impact will be analyzed and displayed here.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.

Flag	Coverage Δ
config-helpers	79.95% <ø> (+78.06%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.
see 572 files with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.