Add two new components: Spinner & Error

lab3/src/components/Error/Error.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+const Error = ({ message }) => (
+  <div class="alert alert-danger" role="alert">
+    <h4 class="alert-heading">Error</h4>
+    {message}
+  </div>
+);
+
+export default Error;

lab3/src/components/Spinner/Spinner.css

@@ -0,0 +1,19 @@
+.spinnerContainer {
+    display: flex;
+    justify-content: center;
+    margin: 50px;
+}
+
+.spinner {
+    border: 8px solid #f3f3f3; /* Light grey */
+    border-top: 8px solid #3498db; /* Blue */
+    border-radius: 50%;
+    width: 60px;
+    height: 60px;
+    animation: spin 1s linear infinite;
+  }
+
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }

lab3/src/components/Spinner/Spinner.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+import "./Spinner.css";
+
+const Spinner = () => (
+  <div className="spinnerContainer">
+    <div className="spinner" role="status" />
+  </div>
+);
+
+export default Spinner;