fix: give svgs unique ids to avoid clash

src/hooks/useId.tsx

@@ -0,0 +1,14 @@
+import { v4 as uuidV4 } from "uuid"
+import { useState } from "react"
+
+export const useId = () => {
+  // Utilize useState instead of useMemo because React
+  // makes no guarantees that the memo store is durable
+  const [id] = useState(() => {
+    return uuidV4()
+  })
+
+  return id
+}
+
+export default useId