Makes statusbar color dynamic to match selected theme

[Robert27]

🤖 Generated by Copilot at 7eb3caf

Summary

🗑️🎨🌗

This pull request removes capacitor and its related files from the rogue-thi-app project, and implements a dynamic theme color system based on user preference and date. It also refactors and simplifies the theme system, and renames the thi-light theme to blue.

We don't need capacitor to run our app We're web warriors, we don't need a native trap We change our themes with hooks and state We're the masters of our web app fate

Walkthrough

• Remove capacitor framework and related scripts and dependencies from the project, as it is no longer needed for the web app (link, link, link)
• Rename and update the themes.json file to remove the THI Light theme and replace it with a Blue theme, and to match the German and English names of the themes (link)
• Add a new state variable themeColor to the MyApp component in _app.jsx, which stores the current theme color of the app based on the user's preference and choice of theme (link)
• Add two constants LIGHT and DARK to the MyApp component in _app.jsx, which store the hex values for the light and dark theme colors (link)
• Add two useEffect hooks to the MyApp component in _app.jsx, which listen to the changes in the prefers-color-scheme media query and update the theme color accordingly, and which define the themeColors and prideColors objects and use them to determine the theme color based on the theme and the date (link)
• Modify the Head component of the MyApp component in _app.jsx, to replace the hard-coded value for the theme-color meta tag with the themeColor state variable, and to remove the theme_color property from the manifest.json file (link, link)
• Rename and update the thi-light.scss file to blue.scss, and update the primary color variable and the navbar-brand color to match the new theme name and color (link, link)
• Delete the fastlane metadata files for Android, as they are no longer relevant for the web app (link, link, link)