refactor: enhance routing and state management in CoopBuilder, add migration checks on startup, and update Tailwind configuration for improved component styling

pages/coach/skills-to-offers.vue

@@ -20,18 +20,6 @@
             >
               Skip coach → Streams
             </button>
-            <button
-              @click="loadSampleData"
-              class="px-4 py-2 text-sm bg-blue-50 border-2 border-blue-200 rounded-lg text-blue-700 hover:bg-blue-100 hover:border-blue-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors"
-              :aria-label="'Load sample data to see example offers'"
-            >
-              <div class="flex items-center gap-2">
-                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
-                </svg>
-                Load sample data
-              </div>
-            </button>
           </div>
         </div>
       </div>
@@ -384,74 +372,17 @@
 <script setup lang="ts">
 import type { Member, SkillTag, ProblemTag, Offer } from "~/types/coaching";
 import { useDebounceFn } from "@vueuse/core";
-import { 
-  membersSample, 
-  skillsCatalogSample, 
-  problemsCatalogSample, 
-  sampleSelections 
-} from "~/sample/skillsToOffersSamples";
+// REMOVED: All sample data imports to prevent demo data
 
 // Store integration
 const planStore = usePlanStore();
 
-// Initialize with default data
-const members = ref<Member[]>([
-  { id: "1", name: "Alex Chen", role: "Game Designer", hourly: 75, availableHrs: 30 },
-  { id: "2", name: "Jordan Smith", role: "Developer", hourly: 80, availableHrs: 35 },
-  { id: "3", name: "Sam Rodriguez", role: "Artist", hourly: 70, availableHrs: 25 }
-]);
+// Initialize with empty data
+const members = ref<Member[]>([]);
 
-const availableSkills = ref<SkillTag[]>([
-  { id: "unity", label: "Unity Development" },
-  { id: "art", label: "2D/3D Art" },
-  { id: "design", label: "Game Design" },
-  { id: "audio", label: "Audio Design" },
-  { id: "writing", label: "Narrative Writing" },
-  { id: "marketing", label: "Marketing" },
-  { id: "business", label: "Business Strategy" },
-  { id: "web", label: "Web Development" },
-  { id: "mobile", label: "Mobile Development" },
-  { id: "consulting", label: "Technical Consulting" }
-]);
+const availableSkills = ref<SkillTag[]>([]);
 
-const availableProblems = ref<ProblemTag[]>([
-  { 
-    id: "indie-games", 
-    label: "Indie game development", 
-    examples: [
-      "Small studios needing extra development capacity",
-      "Solo developers wanting art/audio support",
-      "Teams needing game design consultation"
-    ]
-  },
-  { 
-    id: "corporate-training", 
-    label: "Corporate training games", 
-    examples: [
-      "Companies wanting engaging employee training",
-      "HR departments needing onboarding tools",
-      "Safety training for industrial workers"
-    ]
-  },
-  { 
-    id: "educational", 
-    label: "Educational technology", 
-    examples: [
-      "Schools needing interactive learning tools",
-      "Universities wanting research simulations",
-      "Non-profits creating awareness campaigns"
-    ]
-  },
-  { 
-    id: "prototypes", 
-    label: "Rapid prototyping", 
-    examples: [
-      "Startups validating game concepts",
-      "Publishers testing market fit",
-      "Researchers creating proof-of-concepts"
-    ]
-  }
-]);
+const availableProblems = ref<ProblemTag[]>([]);
 
 // Set members in store on component mount
 onMounted(() => {
@@ -512,25 +443,6 @@ function updateLanguageToCoopTerms(text: string): string {
     .replace(/productivity/gi, 'shared capacity');
 }
 
-// Sample data loading
-function loadSampleData() {
-  // Replace data with samples
-  members.value = [...membersSample];
-  availableSkills.value = [...skillsCatalogSample];
-  availableProblems.value = [...problemsCatalogSample];
-  
-  // Set pre-selected skills and problems
-  selectedSkills.value = { ...sampleSelections.selectedSkillsByMember };
-  selectedProblems.value = [...sampleSelections.selectedProblems];
-  
-  // Update store with new members
-  planStore.setMembers(members.value);
-  
-  // Trigger offer generation immediately
-  nextTick(() => {
-    debouncedGenerateOffers();
-  });
-}
 
 // Debounced offer generation
 const debouncedGenerateOffers = useDebounceFn(async () => {