feat: add new features, update theme and build config

- Add 40+ new UI components including chat modules, discovery cards, photo galleries, FAQ and booking tools
- Standardize brand color across all styles by replacing $theme-color-500 SCSS variables with #0ccd58
- Add sass 1.58.3 dependency and update vite config for modern scss compiler support
- Refactor existing components (AddCarCrad, login page) and remove unused /quick/list router route
- Add utility functions for URL parameter handling
- Add static assets including custom znicons font, component images and icons
- Fix scss syntax issues and deprecation warnings

src/components/ZnIcon/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <span class="inline-flex items-center justify-center leading-none select-none" :style="computedStyle" :title="title"
+    :aria-hidden="title ? undefined : 'true'" :role="title ? 'img' : undefined">
+    {{ glyph }}
+  </span>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import { zniconsMap } from "@/assets/fonts/znicons.js";
+
+const props = withDefaults(
+  defineProps<{
+    name: string;
+    size?: number | string;
+    color?: string;
+    title?: string;
+  }>(),
+  {
+    size: 16,
+  },
+);
+
+const glyph = computed(() => {
+  const value = (zniconsMap as Record<string, string>)[props.name];
+  return value ?? "";
+});
+
+const computedStyle = computed(() => {
+  const style: Record<string, string> = {
+    fontFamily: "znicons",
+  };
+
+  const size = props.size;
+  style.fontSize = typeof size === "number" ? `${size}px` : size;
+
+  if (props.color) {
+    style.color = props.color;
+  }
+
+  return style;
+});
+</script>