Few changes to chat

Added moderator icon

changed styling for a name change message

Now usernames collapse as long as the user is the same

Imported two weights of Poppins and the OpenSans variable instead of def
400

This is some progress on #1859 and #1625

web/components/ui/ModIcon.tsx

@@ -0,0 +1,23 @@
+export default function ModIcon({
+  style = { width: '1rem', height: '1rem' },
+  fill = 'none',
+  stroke = 'var(--color-owncast-gray-300)',
+}) {
+  return (
+    <svg
+      fill={fill}
+      stroke={stroke}
+      style={style}
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+    <title>This user has moderation rights</title>
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+      />
+    </svg>
+  );
+}

web/components/ui/index.tsx

@@ -2,3 +2,4 @@ export { default as Header } from './Header/index';
 export { default as Sidebar } from './Sidebar/index';
 export { default as Footer } from './Footer/index';
 export { default as Content } from './Content/index';
+export { default as ModIcon } from './ModIcon';