feat: Add settings page to frontend

[CrazyWolf13]

Purpose

Based on the conversation, the user wanted to add a settings page to the application. This page allows for the configuration of CLIENT_ID, CLIENT_SECRET, BASE_URL, and a REVERSE_PROXY flag.

Code changes

• StreamlinkUi.vue:
  • Added a "Settings" link to the navigation menu.
  • Created a new settings panel with input fields for CLIENT_ID, CLIENT_SECRET, BASE_URL, and a checkbox for REVERSE_PROXY.
  • Implemented saveSettings and loadSettings methods to persist settings in localStorage.
  • Settings are now loaded when the component is mounted.
  • The apiStore's baseURL is updated when settings are saved.
• main.js:
  • Correctly initialized the apiStore with pinia to ensure proper state management.
• package.json:
  • Added the packageManager field.

To clone this PR locally use the Github CLI with command gh pr checkout 8

🔗 Edit in Builder.io

👀 Preview Link

[builder-io-integration]

You can tag me at @builderio-bot for anything you want me to fix or change