Fix style and clean up unused code

The changes appear to be mainly cleanup work across multiple files, including:
- Standardizing Docker stage syntax to uppercase "AS"
- Removing redundant CSS
- Destructuring event props in a loop
- Cleaning up unused imports
- Adding alt text to images

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20-bullseye as base
+FROM node:20-bullseye AS base
 
 ARG PUBLIC_APPWRITE_ENDPOINT
 ENV PUBLIC_APPWRITE_ENDPOINT ${PUBLIC_APPWRITE_ENDPOINT}
@@ -60,13 +60,13 @@ COPY pnpm-lock.yaml pnpm-lock.yaml
 RUN npm i -g corepack@latest
 RUN corepack enable
 
-FROM base as build
+FROM base AS build
 
 COPY . .
 RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
 RUN NODE_OPTIONS=--max_old_space_size=16384 pnpm run build
 
-FROM base as final
+FROM base AS final
 
 # Install fontconfig
 COPY ./local-fonts /usr/share/fonts

src/lib/components/PreFooter.svelte

@@ -135,29 +135,16 @@
         flex-basis: 5rem !important;
     }
 
-    .web-strip-plans-item-wrapper {
-        gap: 2.65rem;
-    }
-
     @media (min-width: 1024px) and (max-width: 1224px) {
         .web-strip-plans-info {
             flex-basis: 1rem !important;
         }
-
-        .web-strip-plans-item-wrapper {
-            gap: 1.25rem !important;
-            inline-size: 100% !important;
-        }
     }
 
     @media (max-width: 1024px) {
         .web-strip-plans-info {
             flex-basis: 3rem !important;
         }
-
-        .web-strip-plans-item-wrapper {
-            gap: 1.25rem !important;
-        }
     }
 
     .web-pre-footer-bg {

src/routes/(init)/init/(components)/event-carousel.svelte

@@ -98,12 +98,12 @@
             on:emblaInit={onEmblaInit}
         >
             <div class="embla__container flex">
-                {#each events as _}
+                {#each events as { poster, title }}
                     <div
                         class="embla__slide bg-card/90 mr-4 min-w-0 [flex:0_0_33%] items-center rounded-lg p-4"
                     >
-                        <img src={_.poster} class="m-auto rounded-t" />
-                        <h3 class="mt-0.5 text-base font-medium">{_.title}</h3>
+                        <img alt={title} src={poster} class="m-auto rounded-t" />
+                        <h3 class="mt-0.5 text-base font-medium">{title}</h3>
                     </div>
                 {/each}
             </div>

src/routes/(init)/init/(utils)/contributions.ts

@@ -1,9 +1,8 @@
-import { APPWRITE_DB_INIT_ID, APPWRITE_COL_INIT_ID } from '$env/static/private';
-import { DOMParser, parseHTML } from 'linkedom';
-
-import type { TicketData } from './tickets';
+import { APPWRITE_COL_INIT_ID, APPWRITE_DB_INIT_ID } from '$env/static/private';
+import { parseHTML } from 'linkedom';
 import { z } from 'zod';
 import { createInitServerClient } from './appwrite';
+import type { TicketData } from './tickets';
 
 const contributionsSchema = z.array(z.array(z.number()));
 export type ContributionsMatrix = z.infer<typeof contributionsSchema>;

src/routes/(init)/init/+page.server.ts

@@ -1,8 +1,5 @@
-import { redirect, type Action, type Actions } from '@sveltejs/kit';
+import { redirect, type Actions } from '@sveltejs/kit';
 import { getTicketByUser } from './(utils)/tickets';
-import { OAuthProvider } from 'appwrite';
-import { Account, Client } from 'node-appwrite';
-import { PUBLIC_APPWRITE_ENDPOINT, PUBLIC_APPWRITE_PROJECT_INIT_ID } from '$env/static/public';
 import { loginGithub } from './(utils)/auth';
 
 export const prerender = false;

src/routes/products/messaging/+page.svelte

@@ -1,7 +1,7 @@
 <script>
     import { FooterNav, MainFooter, PreFooter } from '$lib/components';
     import Main from '$lib/layouts/Main.svelte';
-    import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
+    import { DEFAULT_HOST } from '$lib/utils/metadata';
     import { TITLE_SUFFIX } from '$routes/titles';
     import Draft from './(components)/Draft.svelte';
     import Schedule from './(components)/Schedule.svelte';
@@ -719,9 +719,6 @@ messaging.create_email(
             @media (max-width: 500px) {
                 flex-direction: column;
                 gap: 1rem;
-                & a {
-                    width: 100%;
-                }
             }
         }
 

src/routes/threads/+page.svelte

@@ -238,10 +238,5 @@
             color: hsl(var(--web-color-primary));
             text-align: center;
         }
-
-        button {
-            margin-block-start: 1.5rem;
-            margin-inline: auto;
-        }
     }
 </style>