refactor convos fetching to nav components, results in faster loading

src/components/svg/Spinner.jsx

@@ -0,0 +1,67 @@
+import React from 'react';
+
+export default function Spinner() {
+  return (
+    <svg
+      stroke="currentColor"
+      fill="none"
+      strokeWidth="2"
+      viewBox="0 0 24 24"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className="m-auto animate-spin text-center"
+      height="1em"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <line
+        x1="12"
+        y1="2"
+        x2="12"
+        y2="6"
+      />
+      <line
+        x1="12"
+        y1="18"
+        x2="12"
+        y2="22"
+      />
+      <line
+        x1="4.93"
+        y1="4.93"
+        x2="7.76"
+        y2="7.76"
+      />
+      <line
+        x1="16.24"
+        y1="16.24"
+        x2="19.07"
+        y2="19.07"
+      />
+      <line
+        x1="2"
+        y1="12"
+        x2="6"
+        y2="12"
+      />
+      <line
+        x1="18"
+        y1="12"
+        x2="22"
+        y2="12"
+      />
+      <line
+        x1="4.93"
+        y1="19.07"
+        x2="7.76"
+        y2="16.24"
+      />
+      <line
+        x1="16.24"
+        y1="7.76"
+        x2="19.07"
+        y2="4.93"
+      />
+    </svg>
+  );
+}