feat: add EmployeeSector component to ProductQueueView and update employee display

src/views/ProductQueueView.vue

 <script setup>
 import { ref } from 'vue'
 import GanttChart from '@/components/GanttChart/GanttChart.vue'
+import EmployeeSector from '@/components/EmployeeSector.vue'
 
 const selectedDate = ref('1/1/2024')
 const employees = Array.from({ length: 10 }, (_, i) => `EM${i + 1}`)
@@ -74,12 +75,7 @@ const handleDrop = (targetOrder) => {
       <v-col cols="6">
         <v-card class="pa-4" style="background-color: white; border-radius: 15px; min-height: 280px;">
           <!-- เลือกพนักงานวางทับตรงนี้ -->
-          <v-container>
-            <v-row>
-              <v-col v-for="employee in employees" :key="employee" cols="4" class="text-center">
-              </v-col>
-            </v-row>
-          </v-container>
+          <EmployeeSector :employees="employees" />
         </v-card>
       </v-col>