Rework frontend

resources/js/componentss/ui/wrappers/BreadcrumbsWrapper.vue

@@ -0,0 +1,37 @@
+<template>
+  <ol style="white-space: nowrap;" class="flex items-center whitespace-normal min-w-0 flex-nowrap hide-scrollbar overflow-x-scroll" aria-label="Breadcrumb">
+    <slot />
+  </ol>
+</template>
+
+<script>
+
+
+export default {
+  name: "BreadcrumbsWrapper",
+  data() {
+    return {
+    }
+  },
+  methods: {
+  },
+}
+</script>
+
+<style scoped>
+
+/* Скрытие горизонтальной полосы прокрутки */
+.hide-scrollbar {
+  overflow-x: scroll; /* или auto, в зависимости от вашего случая */
+}
+
+.hide-scrollbar::-webkit-scrollbar {
+  display: none; /* Для WebKit-браузеров (Chrome, Safari) */
+}
+
+.hide-scrollbar {
+  -ms-overflow-style: none;  /* Для IE и Edge */
+  scrollbar-width: none;  /* Для Firefox */
+}
+
+</style>

resources/js/componentss/ui/wrappers/HeadItemsWrapper.vue

@@ -0,0 +1,16 @@
+<template>
+	<div class="px-4 py-4 gap-3 flex justify-center md:items-center border-gray-200">
+		<slot />
+	</div>
+
+</template>
+
+<script>
+export default {
+	name: "HeadItemsWrapper"
+}
+</script>
+
+<style scoped>
+
+</style>