[Issue #2041] Remove inline styling from pagination wrapper component (…

…navapbc#173)

Fixes #2041

> Removed inline styling on component

> Ended up having to create a custom loading style for pagination due to
no support from USWDS on this. Honestly though IDK why we don't just
hide pagination during loading...

> Screenshots, GIF demos, code examples or output to help show the
changes working as expected.
![2024-08-08 13 59
02](https://github.com/user-attachments/assets/04994a3f-a48e-4511-839d-aa686a7f1414)

frontend/src/components/search/SearchPagination.tsx

@@ -41,12 +41,7 @@ export default function SearchPagination({
   };
 
   return (
-    <div
-      style={{
-        pointerEvents: loading ? "none" : "fill",
-        opacity: loading ? 0.5 : 1,
-      }}
-    >
+    <div className={`grants-pagination ${loading ? "disabled" : ""}`}>
       <Pagination
         pathname="/search"
         totalPages={pages}

frontend/src/styles/_loading.scss

@@ -49,3 +49,13 @@ $spinner-size: units(4);
     transform: rotate(360deg);
   }
 }
+
+.grants-pagination.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  & > *,
+  & * {
+    user-select: none;
+    pointer-events: none;
+  }
+}