feat: update gif mood board column options to 4/5/6

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/gif-mood/GifMoodBoard.tsx

@@ -119,9 +119,9 @@ function WeekRating({
 const SECTION_COLORS = ['#ec4899', '#8b5cf6', '#3b82f6', '#10b981', '#f59e0b', '#ef4444'];
 
 const GRID_COLS: Record<number, string> = {
-  3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',
   4: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4',
   5: 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5',
+  6: 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6',
 };
 
 function GridIcon({ cols }: { cols: number }) {
@@ -184,7 +184,7 @@ export function GifMoodBoard({
       {/* Column size control */}
       <div className="flex justify-end">
         <div className="inline-flex items-center gap-1 rounded-xl border border-border bg-card p-1">
-          {[3, 4, 5].map((n) => (
+          {[4, 5, 6].map((n) => (
             <button
               key={n}
               onClick={() => setCols(n)}