messages styling, add conversation dropdown, show tooltip on filters

old-sae-airwatch/.storybook/main.ts

@@ -27,6 +27,27 @@ const config: StorybookConfig = {
         generator: {filename: 'fonts/[name].[contenthash][ext]'},
       });
 
+      // Support for remixicon font files specifically
+      config.module.rules.push({
+        test: /remixicon.*\.(woff|woff2|eot|ttf|svg)$/,
+        type: 'asset/resource',
+        generator: {filename: 'fonts/[name].[contenthash][ext]'},
+      });
+
+      // Add CSS loader rule to handle @font-face declarations
+      config.module.rules.push({
+        test: /\.css$/,
+        use: [
+          'style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              url: true
+            }
+          }
+        ]
+      });
+
       // NOUVELLE SOLUTION : Configurer css-loader pour gérer les URLs
       const scssRules = config.module.rules.filter(rule => {
         if (rule && typeof rule === 'object' && 'test' in rule && rule.test) {

old-sae-airwatch/.storybook/preview.ts

@@ -1,4 +1,5 @@
 import type {Preview} from '@storybook/angular';
+import 'remixicon/fonts/remixicon.css';
 
 const preview: Preview = {
   parameters: {