Add lessons module, rate cycles, EC2 deploy scripts, and help content

- Lessons module: lesson types, instructors, schedule slots, enrollments,
  sessions (list + week grid view), lesson plans, grading scales, templates
- Rate cycles: replace monthly_rate with billing_interval + billing_unit on
  enrollments; add weekly/monthly/quarterly rate presets to lesson types and
  schedule slots with auto-fill on enrollment form
- Member detail page: tabbed layout for details, identity documents, enrollments
- Sessions week view: custom 7-column grid replacing react-big-calendar
- Music store seed: instructors, lesson types, slots, enrollments, sessions,
  grading scale, lesson plan template
- Scrollbar styling: themed to match sidebar/app palette
- deploy/: EC2 setup and redeploy scripts, nginx config, systemd service
- Help: add Lessons category (overview, types, instructors, slots, enrollments,
  sessions, plans/grading); collapsible sidebar with independent scroll;
  remove POS/accounting references from docs

packages/admin/src/routes/_authenticated/lessons/templates/new.tsx

@@ -0,0 +1,121 @@
+import { useState } from 'react'
+import { createFileRoute, useNavigate } from '@tanstack/react-router'
+import { useMutation } from '@tanstack/react-query'
+import { lessonPlanTemplateMutations } from '@/api/lessons'
+import { TemplateSectionBuilder, type TemplateSectionRow } from '@/components/lessons/template-section-builder'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { ArrowLeft } from 'lucide-react'
+import { toast } from 'sonner'
+
+export const Route = createFileRoute('/_authenticated/lessons/templates/new')({
+  component: NewTemplatePage,
+})
+
+function NewTemplatePage() {
+  const navigate = useNavigate()
+
+  const [name, setName] = useState('')
+  const [description, setDescription] = useState('')
+  const [instrument, setInstrument] = useState('')
+  const [skillLevel, setSkillLevel] = useState('all_levels')
+  const [sections, setSections] = useState<TemplateSectionRow[]>([])
+
+  const mutation = useMutation({
+    mutationFn: () =>
+      lessonPlanTemplateMutations.create({
+        name,
+        description: description || undefined,
+        instrument: instrument || undefined,
+        skillLevel,
+        sections: sections.map((s, sIdx) => ({
+          title: s.title,
+          description: s.description || undefined,
+          sortOrder: sIdx,
+          items: s.items.map((item, iIdx) => ({
+            title: item.title,
+            description: item.description || undefined,
+            sortOrder: iIdx,
+          })),
+        })),
+      }),
+    onSuccess: (template) => {
+      toast.success('Template created')
+      navigate({ to: '/lessons/templates/$templateId', params: { templateId: template.id }, search: {} as any })
+    },
+    onError: (err) => toast.error(err.message),
+  })
+
+  function handleSubmit(e: React.FormEvent) {
+    e.preventDefault()
+    if (!name.trim()) return
+    mutation.mutate()
+  }
+
+  const allSectionsValid = sections.every(
+    (s) => s.title.trim() && s.items.every((i) => i.title.trim()),
+  )
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-6 max-w-3xl">
+      <div className="flex items-center gap-3">
+        <Button type="button" variant="ghost" size="sm" onClick={() => navigate({ to: '/lessons/templates', search: {} as any })}>
+          <ArrowLeft className="h-4 w-4" />
+        </Button>
+        <h1 className="text-2xl font-bold">New Template</h1>
+      </div>
+
+      <Card>
+        <CardHeader><CardTitle className="text-lg">Details</CardTitle></CardHeader>
+        <CardContent className="space-y-4">
+          <div className="space-y-2">
+            <Label>Name *</Label>
+            <Input value={name} onChange={(e) => setName(e.target.value)} placeholder="e.g. Piano Foundations — Beginner" required />
+          </div>
+          <div className="space-y-2">
+            <Label>Description</Label>
+            <Textarea value={description} onChange={(e) => setDescription(e.target.value)} rows={2} placeholder="What this curriculum covers..." />
+          </div>
+          <div className="grid grid-cols-2 gap-4">
+            <div className="space-y-2">
+              <Label>Instrument</Label>
+              <Input value={instrument} onChange={(e) => setInstrument(e.target.value)} placeholder="e.g. Piano, Guitar" />
+            </div>
+            <div className="space-y-2">
+              <Label>Skill Level</Label>
+              <Select value={skillLevel} onValueChange={setSkillLevel}>
+                <SelectTrigger><SelectValue /></SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="beginner">Beginner</SelectItem>
+                  <SelectItem value="intermediate">Intermediate</SelectItem>
+                  <SelectItem value="advanced">Advanced</SelectItem>
+                  <SelectItem value="all_levels">All Levels</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+
+      <Card>
+        <CardHeader><CardTitle className="text-lg">Curriculum</CardTitle></CardHeader>
+        <CardContent>
+          <TemplateSectionBuilder sections={sections} onChange={setSections} />
+        </CardContent>
+      </Card>
+
+      <div className="flex gap-2">
+        <Button type="submit" disabled={mutation.isPending || !name.trim() || !allSectionsValid} size="lg">
+          {mutation.isPending ? 'Creating...' : 'Create Template'}
+        </Button>
+        <Button type="button" variant="secondary" size="lg" onClick={() => navigate({ to: '/lessons/templates', search: {} as any })}>
+          Cancel
+        </Button>
+      </div>
+    </form>
+  )
+}