Environments in URL and better rendering

src-web/components/core/FormattedError.tsx

@@ -1,10 +1,17 @@
+import classNames from 'classnames';
+
 interface Props {
   children: string;
 }
 
 export function FormattedError({ children }: Props) {
   return (
-    <pre className="text-sm select-auto cursor-text bg-gray-100 p-3 rounded whitespace-normal border border-red-500 border-dashed">
+    <pre
+      className={classNames(
+        'text-sm select-auto cursor-text bg-gray-100 p-3 rounded',
+        'whitespace-normal border border-red-500 border-dashed',
+      )}
+    >
       {children}
     </pre>
   );