Update Storybook and component configurations; enhance AFKScreen and HighliteMessage components

- Upgraded Storybook dependencies to version 9.1.1 across multiple packages.
- Added asset handling for GIFs in Storybook configuration.
- Enhanced AFKScreen component by removing unused state and improving playlist handling.
- Updated HighliteMessage component to render messages consistently and added new demo stories for testing.
- Improved documentation for AFKScreen and HighliteMessage components with additional details on usage and configuration.

Author: RXDCODX

.storybook/main.ts

@@ -17,6 +17,7 @@ const config: StorybookConfig = {
   staticDirs: [
     "../public",
     "../src/components/OBS_Components/FumoFriday/FumosVideos",
+    "../src/assets/faces",
   ],
   viteFinal: async config => {
     // Настройка для GitHub Pages
@@ -27,9 +28,16 @@ const config: StorybookConfig = {
     // Настройки для обработки видео файлов
     config.assetsInclude = config.assetsInclude || [];
     if (Array.isArray(config.assetsInclude)) {
-      config.assetsInclude.push("**/*.webm", "**/*.mp4");
+      config.assetsInclude.push("**/*.webm", "**/*.mp4", "**/*.gif");
     }
 
+    // Настройки для обработки ассетов
+    config.define = {
+      ...config.define,
+      'import.meta.env.PROD': false,
+      'import.meta.env.DEV': true,
+    };
+
     // Добавляем алиасы для корректной работы с импортами
     if (config.resolve) {
       config.resolve.alias = {

.yarn/install-state.gz

@@ -81,13 +81,13 @@
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.15.0",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@storybook/addon-a11y": "9.0.15",
-    "@storybook/addon-docs": "9.0.15",
-    "@storybook/addon-links": "^9.0.15",
-    "@storybook/addon-onboarding": "9.0.15",
-    "@storybook/addon-vitest": "9.0.15",
-    "@storybook/react": "^9.0.15",
-    "@storybook/react-vite": "^9.0.15",
+    "@storybook/addon-a11y": "^9.1.1",
+    "@storybook/addon-docs": "^9.1.1",
+    "@storybook/addon-links": "^9.1.1",
+    "@storybook/addon-onboarding": "^9.1.1",
+    "@storybook/addon-vitest": "^9.1.1",
+    "@storybook/react": "^9.1.1",
+    "@storybook/react-vite": "^9.1.1",
     "@storybook/testing-library": "^0.2.2",
     "@types/bootstrap": "^5",
     "@types/node": "^22.13.4",
@@ -108,7 +108,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "9.0.15",
+    "eslint-plugin-storybook": "^9.1.1",
     "globals": "^15.12.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.4",
@@ -118,7 +118,7 @@
     "repomix": "^0.3.9",
     "sass": "1.77.6",
     "serve": "^14.2.4",
-    "storybook": "9.0.15",
+    "storybook": "^9.1.1",
     "stylelint": "^16.11.0",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.15.0",