Add CSS editor banner and update Avalon member count

- Bump Avalon member count to 885
- Add looping, muted video banner linking to the new Janitor profile CSS editor
- Desktop: show the Avalon and CSS banners side by side
- Mobile: show them in a carousel (random start, 8s auto-advance, arrows/dots)
- Paint video frames to a canvas so browsers like Opera GX don't overlay
  pop-out controls on the banner

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/components/ui/discord-banner-permanent.tsx

@@ -7,6 +7,7 @@ interface DiscordBannerPermanentProps {
   serverName?: string;
   description?: string;
   ctaText?: string;
+  className?: string;
 }
 
 export function DiscordBannerPermanent({
@@ -14,9 +15,10 @@ export function DiscordBannerPermanent({
   serverName = "Avalon",
   description = "Avalon is an enchanted creative haven for a growing collective of botmakers and users—part workshop, part myth, part digital forest where strange and beautiful ideas come to life. Enter our little woodland here:",
   ctaText = "Join Server",
+  className = "mb-4",
 }: DiscordBannerPermanentProps) {
   return (
-    <div className="relative rounded-lg overflow-hidden shadow-lg mb-4 bg-[#36393f]">
+    <div className={`relative rounded-lg overflow-hidden shadow-lg bg-[#36393f] ${className}`}>
       {/* Background Image */}
       <div className="absolute inset-0">
         <Image
@@ -69,7 +71,7 @@ export function DiscordBannerPermanent({
                   <div className="flex-1 min-w-0">
                     <div className="text-white font-semibold text-base mb-0.5">{serverName}</div>
                     <div className="text-[#b9bbbe] text-sm space-y-0.5">
-                      <div className="font-medium">295 members</div>
+                      <div className="font-medium">885 members</div>
                       <a
                         href="https://from-avalon.com"
                         target="_blank"