feat(requests): Request Overrides & Request Editing (#653)

src/components/Common/LoadingSpinner/index.tsx

@@ -1,8 +1,37 @@
 import React from 'react';
 
+export const SmallLoadingSpinner: React.FC = () => {
+  return (
+    <div className="inset-0 flex items-center justify-center w-full h-full text-gray-200">
+      <svg
+        className="w-10 h-10"
+        viewBox="0 0 38 38"
+        xmlns="http://www.w3.org/2000/svg"
+        stroke="currentColor"
+      >
+        <g fill="none" fillRule="evenodd">
+          <g transform="translate(1 1)" strokeWidth="2">
+            <circle strokeOpacity=".5" cx="18" cy="18" r="18" />
+            <path d="M36 18c0-9.94-8.06-18-18-18">
+              <animateTransform
+                attributeName="transform"
+                type="rotate"
+                from="0 18 18"
+                to="360 18 18"
+                dur="1s"
+                repeatCount="indefinite"
+              />
+            </path>
+          </g>
+        </g>
+      </svg>
+    </div>
+  );
+};
+
 const LoadingSpinner: React.FC = () => {
   return (
-    <div className="h-64 inset-0 flex justify-center items-center text-gray-200">
+    <div className="inset-0 flex items-center justify-center h-64 text-gray-200">
       <svg
         className="w-16 h-16"
         viewBox="0 0 38 38"