refactor(ui): переименованы и обновлены компоненты

- Переименованы компоненты для улучшения читаемости и согласованности:
  - `ColorCard.vue` -> `GridView.vue`
  - `_LeftInfo.vue` -> `LeftInfo.vue`
  - `_Footer.vue` -> `Footer.vue`
- Обновлены пути импорта и структуры компонентов в `InventoryPage.vue`.
- Обновлен стиль для центрации содержимого страницы.

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <InventoryPage />
+    <InventoryPage  class="app-container" />
   </div>
 </template>
 
@@ -14,9 +14,21 @@ export default {
 </script>
 
 <style>
-body {
+/* Центрируем контейнер с компонентом */
+.app-container {
+  display: flex;
+  justify-content: center;  /* Горизонтальное центрирование */
+  align-items: center;      /* Вертикальное центрирование */
+  height: 100vh;            /* Занимает всю высоту экрана */
   background-color: #1e1e1e;
+  font-family: 'Inter', sans-serif;
+}
+
+body {
+  margin: 0;
+  height: 100%;
 }
 
+/* Подключение шрифта */
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
 </style>

src/components/grid/ColorCard.vue

@@ -90,8 +90,8 @@ export default {
 }
 
 .block {
-  padding: 0px;
-  border: 0.5px #4d4d4d solid;
+  padding: 0;
+  border: 1px #4d4d4d solid;
   display: flex;
   justify-content: center;
   align-items: center;

src/pages/InventoryPage.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="center">
-    <div class="content">
+  <div class="main-center">
+    <div>
       <InventoryInfo />
       <InventoryFooter />
       <InventoryPage />
@@ -9,9 +9,10 @@
 </template>
 
 <script>
-import InventoryInfo from '@/components/info/_LeftInfo.vue'
+import InventoryInfo from '@/components/info/LeftInfo.vue'
 import InventoryFooter from '@/components/footer/_Footer.vue'
-import InventoryPage from '@/components/grid/_Grid.vue'
+import InventoryPage from '@/components/grid/GridView.vue'
+
 export default {
   components: {
     InventoryInfo,
@@ -22,9 +23,10 @@ export default {
 </script>
 
 <style>
-.center {
+.main-center {
   display: flex;
   justify-content: center;
   align-items: center;
+  height: 100vh; /* Занимает всю высоту экрана */
 }
 </style>