Moves identicon svg to TS

ts/components/IdenticonSVG.tsx

@@ -0,0 +1,33 @@
+// Copyright 2021 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import React from 'react';
+
+export type PropsType = {
+  backgroundColor: string;
+  content: string;
+  foregroundColor: string;
+};
+
+export function IdenticonSVG({
+  backgroundColor,
+  content,
+  foregroundColor,
+}: PropsType): JSX.Element {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
+      <circle cx="50" cy="50" r="40" fill={backgroundColor} />
+      <text
+        baselineShift="-8px"
+        fill={foregroundColor}
+        fontFamily="sans-serif"
+        fontSize="24px"
+        textAnchor="middle"
+        x="50"
+        y="50"
+      >
+        {content}
+      </text>
+    </svg>
+  );
+}