feat: added ConsultantsView.vue

packages/frontend/src/router/routes.js

@@ -1,7 +1,9 @@
 const RegistrationView = () => import('../views/RegistrationView/RegistrationView.vue');
 const LoginView = () => import('../views/LoginView/LoginView.vue');
+const ConsultantsView = () => import('../views/ConsultantsView/ConsultantsView.vue');
 
 export const routes = [
 	{ path: '/registration', component: RegistrationView },
 	{ path: '/login', component: LoginView },
+	{ path: '/consultant', component: ConsultantsView },
 ];

packages/frontend/src/style.css

@@ -59,6 +59,8 @@ button:focus-visible {
 }
 
 #app {
+  width: 100%;
+  min-height: 100vh;
   max-width: 1280px;
   margin: 0 auto;
   padding: 2rem;

packages/frontend/src/views/ConsultantsView/ConsultantsView.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { ref } from 'vue';
+
+const search = ref('');
+
+const fetchConsultants = () => {
+};
+
+
+const page = ref(1);
+const items = Array.from({ length: 15 }, (k, v) => ({
+	title: 'Item ' + (v + 1),
+	text: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima, at placeat totam, magni doloremque veniam neque porro libero rerum unde voluptatem!',
+}));
+</script>
+
+<template>
+	<v-container>
+		<v-col>
+			<v-row>
+				<v-text-field v-model="search" label="Search"/>
+			</v-row>
+
+			<v-row>
+				<v-data-iterator :items="items" :page="page">
+					<template v-slot:default="{ items }">
+						<template v-for="(item, i) in items" :key="i">
+							<v-card v-bind="item.raw"></v-card>
+
+							<br/>
+						</template>
+					</template>
+
+
+					<template v-slot:footer="{ pageCount }">
+						<v-pagination v-model="page" :length="pageCount"></v-pagination>
+					</template>
+				</v-data-iterator>
+			</v-row>
+		</v-col>
+	</v-container>
+</template>
+
+<style scoped>
+
+</style>

packages/frontend/src/views/LoginView/LoginView.vue

@@ -11,7 +11,7 @@ const handleSubmit = () => {
 </script>
 
 <template>
-	<v-sheet width="400px">
+	<v-sheet width="400px" class="mx-auto">
 		<v-form @submit.prevent="handleSubmit">
 			<v-container>
 				<v-col>

packages/frontend/src/views/RegistrationView/RegistrationView.vue

@@ -13,7 +13,7 @@ const handleSubmit = () => {
 </script>
 
 <template>
-	<v-sheet width="400px">
+	<v-sheet width="400px" class="mx-auto">
 		<v-form @submit.prevent="handleSubmit">
 			<v-container>
 				<v-col>