small ui fixes

src/views/HomeView.vue

@@ -10,6 +10,7 @@ import type { Issue } from '@/api/issue.api.ts'
 import type { Project } from '@/api/project.api.ts'
 import DashboardCountCard from '@/components/DashboardCountCard.vue'
 import LabelText from '@/components/LabelText.vue'
+import ProjectMenu from '@/components/ProjectMenu.vue'
 
 const ACTIVE_STATUSES: Issue['status'][] = ['OPEN', 'IN_PROGRESS']
 
@@ -113,20 +114,28 @@ function onClickCard(status?: string) {
 
 <template>
   <div>
-    <div v-if="session.data" class="d-flex flex-column ga-2">
+    <div v-if="session.data" class="d-flex flex-column ga-4">
+      <project-menu />
+
       <div class="dashboard_grid">
-        <dashboard-count-card label="Всего задач" :value="stats?.total ?? 0" @click="onClickCard()" />
-        <dashboard-count-card label="Открыто" :value="statCount('OPEN')" @click="onClickCard('OPEN')" />
-        <dashboard-count-card label="В работе" :value="statCount('IN_PROGRESS')" @click="onClickCard('IN_PROGRESS')" />
-        <dashboard-count-card label="Просрочено" :value="overdueCount" :alert="overdueCount > 0" />
+        <dashboard-count-card label="Total issues" :value="stats?.total ?? 0" @click="onClickCard()" />
+        <dashboard-count-card label="Open" :value="statCount('OPEN')" @click="onClickCard('OPEN')" />
+        <dashboard-count-card
+          label="In Progress"
+          :value="statCount('IN_PROGRESS')"
+          @click="onClickCard('IN_PROGRESS')"
+        />
+        <dashboard-count-card label="Overdue" :value="overdueCount" :alert="overdueCount > 0" />
       </div>
 
+      <v-divider />
+
       <v-row density="compact">
         <v-col cols="12" md="8">
           <v-card border>
             <v-card-title class="d-flex align-center justify-space-between">
-              <span>Мои задачи</span>
-              <v-btn size="small" variant="text" to="/issues">Все задачи</v-btn>
+              <span>My issues</span>
+              <v-btn size="small" variant="text" to="/issues">All issues</v-btn>
             </v-card-title>
             <v-divider />
             <v-list v-if="sortedMyIssues.length" density="compact">
@@ -173,8 +182,8 @@ function onClickCard(status?: string) {
         <v-col cols="12" md="4">
           <v-card border>
             <v-card-title class="d-flex align-center justify-space-between">
-              <span>Проекты</span>
-              <v-btn size="small" variant="text" to="/settings/projects">Все проекты</v-btn>
+              <span>Projects</span>
+              <v-btn size="small" variant="text" to="/settings/projects">All projects</v-btn>
             </v-card-title>
             <v-divider />
             <v-list v-if="projects.length" density="compact">
@@ -186,6 +195,19 @@ function onClickCard(status?: string) {
           </v-card>
         </v-col>
       </v-row>
+
+      <v-row density="compact">
+        <v-col cols="12" md="6">
+          <v-card border>
+            <v-card-text>text</v-card-text>
+          </v-card>
+        </v-col>
+        <v-col cols="12" md="6">
+          <v-card border>
+            <v-card-text>text</v-card-text>
+          </v-card>
+        </v-col>
+      </v-row>
     </div>
   </div>
 </template>