fix: refactor VERTICALS constant to config file to fix server build

frontend/app/[vertical]/page.tsx

@@ -1,5 +1,5 @@
 import { notFound } from "next/navigation"
-import { VERTICALS } from "@/contexts/vertical-context"
+import { VERTICALS } from "@/config/verticals"
 
 interface Props {
     params: { vertical: string }

frontend/app/[vertical]/shows/page.tsx

@@ -1,4 +1,4 @@
-import { VERTICALS } from "@/contexts/vertical-context"
+import { VERTICALS } from "@/config/verticals"
 import { notFound } from "next/navigation"
 import { getApiUrl } from "@/lib/api-config"
 

frontend/app/[vertical]/songs/page.tsx

@@ -1,4 +1,4 @@
-import { VERTICALS } from "@/contexts/vertical-context"
+import { VERTICALS } from "@/config/verticals"
 import { notFound } from "next/navigation"
 import { getApiUrl } from "@/lib/api-config"
 

frontend/app/[vertical]/venues/page.tsx

@@ -1,4 +1,4 @@
-import { VERTICALS } from "@/contexts/vertical-context"
+import { VERTICALS } from "@/config/verticals"
 import { notFound } from "next/navigation"
 import { getApiUrl } from "@/lib/api-config"
 

frontend/components/layout/band-selector.tsx

@@ -16,7 +16,8 @@ import {
     SheetTitle,
     SheetTrigger,
 } from "@/components/ui/sheet"
-import { useVertical, VERTICALS, VerticalSlug } from "@/contexts/vertical-context"
+import { useVertical } from "@/contexts/vertical-context"
+import { VERTICALS, VerticalSlug } from "@/config/verticals"
 import { useState } from "react"
 
 export function BandSelector() {

frontend/config/verticals.ts

@@ -0,0 +1,14 @@
+export const VERTICALS = [
+    { slug: "goose", name: "Goose" },
+    { slug: "phish", name: "Phish" },
+    { slug: "grateful-dead", name: "Grateful Dead" },
+    { slug: "dead-and-company", name: "Dead & Company" },
+    { slug: "billy-strings", name: "Billy Strings" },
+] as const
+
+export type VerticalSlug = typeof VERTICALS[number]["slug"]
+
+export interface Vertical {
+    slug: VerticalSlug
+    name: string
+}

frontend/contexts/vertical-context.tsx

@@ -2,22 +2,7 @@
 
 import { createContext, useContext, useState, useEffect, ReactNode } from "react"
 import { usePathname } from "next/navigation"
-
+import { VERTICALS, Vertical, VerticalSlug } from "@/config/verticals"
-// Supported verticals (bands)
-export const VERTICALS = [
-    { slug: "goose", name: "Goose" },
-    { slug: "phish", name: "Phish" },
-    { slug: "grateful-dead", name: "Grateful Dead" },
-    { slug: "dead-and-company", name: "Dead & Company" },
-    { slug: "billy-strings", name: "Billy Strings" },
-] as const
-
-export type VerticalSlug = typeof VERTICALS[number]["slug"]
-
-export interface Vertical {
-    slug: VerticalSlug
-    name: string
-}
 
 interface VerticalContextType {
     current: Vertical