feat: modernize UI with Astro+Svelte and optimize Docker build

- Migrated frontend to Astro + Svelte 5 for cyberpunk aesthetic
- Switched to Bun for faster frontend builds
- Implemented multi-stage Docker build for smaller image size
- Refactored backend to serve static assets and proxy API requests
- Added recovery mode for manual file management

browser-extension/browser-extension-0.4.2/extension/style.css

@@ -0,0 +1,88 @@
+body {
+    font-family: Sen-Regular, sans-serif;
+    background-color: #00202f;
+    color: #97d4c8;
+}
+.container {
+    padding: 10px;
+    min-width: 350px;
+    max-width: 450px;
+}
+.h3 {
+    font-family: Sen-bold, sans-serif;
+    text-transform: capitalize;
+}
+hr {
+    height: 1px;
+    color: white;
+    background-color: white;
+    margin: 10px 0;
+}
+button {
+    margin: 10px;
+    border-radius: 0;
+    padding: 5px 13px;
+    border: none;
+    cursor: pointer;
+    background-color: #259485;
+    color: #ffffff;
+}
+button:hover {
+    background-color: #97d4c8;
+    transform: scale(1.05);
+    color: #00202f;
+}
+#download {
+    text-align: center
+}
+#status-icon {
+    font-size: 1.5em;
+}
+.logo {
+    position: relative;
+}
+.logo img {
+    width: 400px;
+}
+.logo span {
+    position: absolute;
+    bottom: 10px;
+    right: 0;
+}
+.login-form {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+.login-form label,
+.login-form input {
+    margin: 3px 0;
+}
+.submit {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.options {
+    display: block;
+    padding-bottom: 10px;
+}
+.options span {
+    margin-left: 10px;
+}
+.icons {
+    display: flex;
+    grid-template-columns: 1fr 1fr;
+    justify-content: space-between;
+}
+.icons img {
+    width: 25px;
+}
+#error-out {
+    color: red;
+    display: none; /* will be made visible when an error occurs */
+}
+#cookieLinesResponse {
+    display: none;
+    width: 100%;
+    height: 50px;
+}