feat(frontend): redesign about menu with featured templates

feat(frontend): redesign template browser

Author: Viren070

.env.sample

@@ -349,6 +349,13 @@ FORCED_SEEDR_ENCODED_TOKEN=
 # Example: CUSTOM_HTML="<div>Welcome to my AIOStreams!</div>"
 CUSTOM_HTML=
 
+# --- Featured Templates ---
+# Comma-separated list of up to 2 template IDs to pin at the top of the about page.
+# When set, only those templates are shown in the "Featured Templates" section.
+# When unset, the first 2 available templates are shown automatically.
+# Example: FEATURED_TEMPLATE_IDS=debrid-starter,my-custom-template
+FEATURED_TEMPLATE_IDS=
+
 # --- Alternate Design
 # Choose to enable an alternate design for the AIOStreams logo.
 ALTERNATE_DESIGN=false

packages/core/src/db/schemas.ts

@@ -1210,6 +1210,7 @@ const StatusResponseSchema = z.object({
     baseUrl: z.string().url().optional(),
     addonName: z.string(),
     customHtml: z.string().optional(),
+    featuredTemplateIds: z.array(z.string()).optional(),
     alternateDesign: z.boolean(),
     protected: z.boolean(),
     regexAccess: z.object({

packages/core/src/utils/env.ts

@@ -544,6 +544,10 @@ export const Env = cleanEnv(process.env, {
     default: undefined,
     desc: 'Custom HTML for the addon',
   }),
+  FEATURED_TEMPLATE_IDS: commaSeparated({
+    default: [],
+    desc: 'Comma-separated list of up to 2 template IDs to feature on the about page. Defaults to the first 2 available templates when unset.',
+  }),
   ALTERNATE_DESIGN: bool({
     default: false,
     desc: 'Alternate design for the frontend.',