frontend: Loader + Refactoring

frontend/components/Loader/Loader.css

@@ -0,0 +1,13 @@
+.Loader {
+    transform-origin: 50% 50%; animation: .9s linear 0s infinite normal forwards running Loader__spin;
+}
+
+@keyframes Loader__spin {
+    0% {
+        animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297);
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}

frontend/components/Loader/Loader.js

@@ -0,0 +1,11 @@
+import './Loader.css';
+
+const Loader = ({ width, height }) => (
+    <svg width={width} height={height} viewBox="0 0 100 100">
+        <g transform="translate(50 50) rotate(0) scale(1 1) translate(-50 -50)">
+            <image className="Loader" x="0" y="0" width="100" height="100" href="/images/FunctionProject_icon.png"></image>
+        </g>
+    </svg>
+);
+
+export default Loader;