Исправление ошибок фронта

Правим фронт от ошибок

front_vue/src/components/Board.vue

@@ -12,6 +12,7 @@
         @open-task="(card) => emit('open-task', { card, columnId: column.id })"
         @create-task="emit('create-task', column.id)"
         @archive-task="archiveTask"
+        @move-request="handleMoveRequest"
       />
     </div>
 
@@ -29,17 +30,59 @@
         ></button>
       </div>
     </div>
+
+    <!-- Мобильная панель перемещения карточки -->
+    <MoveCardPanel
+      :open="movePanel.open"
+      :card-id="movePanel.cardId"
+      :card-title="movePanel.cardTitle"
+      :current-column-id="movePanel.columnId"
+      :columns="movePanelColumns"
+      @close="closeMovePanel"
+      @move="handleDropCard"
+    />
   </div>
 </template>
 
 <script setup>
 import { ref, computed, onMounted, onUpdated, watch } from 'vue'
 import Column from './Column.vue'
+import MoveCardPanel from './ui/MoveCardPanel.vue'
 import { cardsApi } from '../api'
 import { useMobile } from '../composables/useMobile'
 
 const { isMobile } = useMobile()
 
+// Состояние для мобильной панели перемещения
+const movePanel = ref({
+  open: false,
+  cardId: null,
+  cardTitle: '',
+  columnId: null
+})
+
+const handleMoveRequest = ({ cardId, cardTitle, columnId }) => {
+  movePanel.value = {
+    open: true,
+    cardId,
+    cardTitle,
+    columnId
+  }
+}
+
+const closeMovePanel = () => {
+  movePanel.value.open = false
+}
+
+// Колонки для панели перемещения (только id, title, color)
+const movePanelColumns = computed(() => {
+  return props.columns.map(col => ({
+    id: col.id,
+    title: col.name_columns,
+    color: col.color
+  }))
+})
+
 // Мобильный свайп
 const columnsRef = ref(null)
 const currentColumnIndex = ref(0)