Loading screen implementation

src/components/Loading.css

+.loading-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background-color: var(--cream);
+}
+
+.loading-gif {
+  width: 150px; /* Adjust the size as needed */
+  height: 150px; /* Adjust the size as needed */
+}
+
+.loading-container p {
+  margin-top: 10px;
+  font-size: 18px;
+  color: var(--dark-blue);
+  font: var(--primary-font);
+}