Not found and loading pages

app/loading.jsx

@@ -0,0 +1,20 @@
+'use client';
+import ClipLoader from 'react-spinners/ClipLoader';
+
+const override = {
+  display: 'block',
+  margin: '100px auto',
+};
+
+const loading = ({ loading }) => {
+  return (
+    <ClipLoader
+      color='#3B82F6'
+      loading={loading}
+      cssOverride={override}
+      size={150}
+      aria-label='Loading Spinner'
+    />
+  );
+};
+export default loading;