Update various configuration files, components, and assets; enhance notification system and API endpoints; improve documentation and styles across the application.

assets/style/scss/main.scss

@@ -0,0 +1,57 @@
+/*================================================================================
+   Notes: This file is the main entry point for the SCSS stylesheet.
+  ================================================================================*/
+
+/* Import DM Sans font from Google Fonts */
+@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
+
+html,
+body {
+  height: 100%;
+}
+
+#__nuxt {
+  font-family: "DM Sans", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: 400;
+  letter-spacing: -0.5px; /* Changed from -2px to -0.5px for better readability */
+  font-size: 14px;
+}
+
+// svg.icon{
+//   width: 1.3rem;
+//   height: 1.3rem;
+//   vertical-align: middle;
+//   fill: currentColor;
+//   overflow: hidden;
+// }
+
+code {
+  color: rgb(233, 74, 74);
+  background-color: rgba(146, 146, 146, 0.1);
+}
+
+// Custom Layout SCSS
+@import "./custom/layout/vertical";
+@import "./custom/layout/horizontal";
+
+// Transition SCSS
+@import "./custom/transition/page";
+@import "./custom/transition/fade";
+@import "./custom/transition/fade-up";
+@import "./custom/transition/slide";
+@import "./custom/transition/slide-fade";
+
+// Scrollbar SCSS
+@import "./custom/scrollbar/scrollbar";
+
+// Custom SCSS library
+@import "./custom/library/dropdown";
+@import "./custom/library/nprogress";
+@import "./custom/library/formkit";
+@import "./custom/library/vuetoastification";
+@import "./custom/library/swiper";
+@import "./custom/library/fullcalendar";
+@import "./custom/library/floatingvue";
+@import "./custom/library/vuecountryflag";