⭐ feat(www): Add logic to the homepage and Steam integration (#258)

## Description
<!-- Briefly describe the purpose and scope of your changes -->


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Upgraded API and authentication services with dynamic scaling,
enhanced load balancing, and real-time interaction endpoints.
- Introduced new commands to streamline local development and container
builds.
- Added new endpoints for retrieving Steam account information and
managing connections.
- Implemented a QR code authentication interface for Steam, enhancing
user login experiences.

- **Database Updates**
- Rolled out comprehensive schema migrations that improve data integrity
and indexing.
- Introduced new tables for managing Steam user credentials and machine
information.

- **UI Enhancements**
- Added refreshed animated assets and an improved QR code login flow for
a more engaging experience.
	- Introduced new styled components for displaying friends and games.

- **Maintenance**
- Completed extensive refactoring and configuration updates to optimize
performance and development workflows.
- Updated logging configurations and improved error handling mechanisms.
	- Streamlined resource definitions in the configuration files.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

infra/auth.ts

@@ -1,46 +1,75 @@
-import { vpc } from "./vpc";
 import { bus } from "./bus";
 import { domain } from "./dns";
 // import { email } from "./email";
 import { secret } from "./secret";
 import { postgres } from "./postgres";
+import { cluster } from "./cluster";
+import { vpc } from "./vpc";
 
-export const authFingerprintKey = new random.RandomString(
-    "AuthFingerprintKey",
-    {
-        length: 32,
+// sst.Linkable.wrap(random.RandomString, (resource) => ({
+//     properties: {
+//         value: resource.result,
+//     },
+// }));
+
+// export const authFingerprintKey = new random.RandomString(
+//     "AuthFingerprintKey",
+//     {
+//         length: 32,
+//     },
+// );
+
+export const auth = new sst.aws.Service("Auth", {
+    cpu: $app.stage === "production" ? "1 vCPU" : undefined,
+    memory: $app.stage === "production" ? "2 GB" : undefined,
+    cluster,
+    command: ["bun", "run", "./src/auth.ts"],
+    link: [
+        bus,
+        postgres,
+        secret.PolarSecret,
+        secret.GithubClientID,
+        secret.DiscordClientID,
+        secret.GithubClientSecret,
+        secret.DiscordClientSecret,
+    ],
+    image: {
+        dockerfile: "packages/functions/Containerfile",
     },
-);
-
-export const auth = new sst.aws.Auth("Auth", {
-    issuer: {
-        vpc,
-        timeout: "3 minutes",
-        handler: "packages/functions/src/auth.handler",
-        link: [
-            bus,
-            // email,
-            postgres,
-            authFingerprintKey,
-            secret.PolarSecret,
-            secret.GithubClientID,
-            secret.DiscordClientID,
-            secret.GithubClientSecret,
-            secret.DiscordClientSecret,
-        ],
-        permissions: [
+    environment: {
+        NO_COLOR: "1",
+        STORAGE: $dev ? "/tmp/persist.json" : "/mnt/efs/persist.json"
+    },
+    //TODO: Use API gateway instead, because of the API headers
+    loadBalancer: {
+        domain: "auth." + domain,
+        rules: [
             {
-                actions: ["ses:SendEmail"],
-                resources: ["*"],
+                listen: "80/http",
+                forward: "3002/http",
+            },
+            {
+                listen: "443/https",
+                forward: "3002/http",
             },
         ],
     },
-    domain: {
-        name: "auth." + domain,
-        dns: sst.cloudflare.dns(),
+    permissions: [
+        {
+            actions: ["ses:SendEmail"],
+            resources: ["*"],
+        },
+    ],
+    dev: {
+        command: "bun dev:auth",
+        directory: "packages/functions",
+        url: "http://localhost:3002",
     },
-})
-
-export const outputs = {
-    auth: auth.url,
-};
+    scaling:
+        $app.stage === "production"
+            ? {
+                min: 2,
+                max: 10,
+            }
+            : undefined,
+});