Disable code snippet ligatures (#2908)

Author: wiggiin

apps/web/src/components/Builders/Shared/CodeSnippet.tsx

@@ -51,7 +51,7 @@ export function CodeSnippet({ code }: { code: string }) {
 
   return (
     <div
-      className="code-snippet h-full overflow-auto rounded-lg transition-colors"
+      className="code-snippet h-full overflow-auto rounded-lg transition-colors ligatures-none"
       // eslint-disable-next-line react/no-danger -- necessary for shiki
       dangerouslySetInnerHTML={htmlContent}
     />

apps/web/tailwind.config.js

@@ -667,6 +667,9 @@ module.exports = {
         '.scrollbar-gutter-stable': {
           'scrollbar-gutter': 'stable',
         },
+        '.ligatures-none': {
+          'font-variant-ligatures': 'none',
+        },
       });
     },
   ],