⭐ 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/api.ts

@@ -1,53 +1,50 @@
-import { vpc } from "./vpc";
 import { bus } from "./bus";
+import { auth } from "./auth";
 import { domain } from "./dns";
 import { secret } from "./secret";
+import { cluster } from "./cluster";
 import { postgres } from "./postgres";
 
-sst.Linkable.wrap(random.RandomString, (resource) => ({
-    properties: {
-        value: resource.result,
-    },
-}));
-
-export const urls = new sst.Linkable("Urls", {
-    properties: {
-        api: "https://api." + domain,
-        auth: "https://auth." + domain,
-        site: $dev ? "http://localhost:3000" : "https://" + domain,
-    },
-});
-
-export const apiFunction = new sst.aws.Function("ApiFn", {
-    vpc,
-    handler: "packages/functions/src/api/index.handler",
-    permissions: [
-        {
-            actions: ["iot:*"],
-            resources: ["*"],
-        },
-    ],
+export const api = new sst.aws.Service("Api", {
+    cpu: $app.stage === "production" ? "2 vCPU" : undefined,
+    memory: $app.stage === "production" ? "4 GB" : undefined,
+    cluster,
+    command: ["bun", "run", "./src/api/index.ts"],
     link: [
         bus,
-        urls,
+        auth,
         postgres,
         secret.PolarSecret,
     ],
-    timeout: "3 minutes",
-    streaming: !$dev,
-    url: true
-})
-
-export const api = new sst.aws.Router("Api", {
-    routes: {
-        "/*": apiFunction.url
+    image: {
+        dockerfile: "packages/functions/Containerfile",
     },
-    domain: {
-        name: "api." + domain,
-        dns: sst.cloudflare.dns(),
+    environment: {
+        NO_COLOR: "1",
     },
-})
-
-export const outputs = {
-    api: api.url,
-};
+    loadBalancer: {
+        domain: "api." + domain,
+        rules: [
+            {
+                listen: "80/http",
+                forward: "3001/http",
+            },
+            {
+                listen: "443/https",
+                forward: "3001/http",
+            },
+        ],
+    },
+    dev: {
+        command: "bun dev:api",
+        directory: "packages/functions",
+        url: "http://localhost:3001",
+    },
+    scaling:
+        $app.stage === "production"
+            ? {
+                min: 2,
+                max: 10,
+            }
+            : undefined,
+});