Migrate _pagination.scss to Tailwind

Author: MayaRainer

app/javascript/components/Pagination.tsx

@@ -51,12 +51,12 @@ export const Pagination = ({ pagination, pageDisplayCount = 10, onChangePage }:
   }, [pagination, pageDisplayCount]);
 
   return (
-    <div role="navigation" aria-label="Pagination" className="pagination">
+    <div role="navigation" aria-label="Pagination" className="flex w-full justify-center gap-2">
       <Button small disabled={pagination.page - 1 === 0} onClick={() => onChangePage(pagination.page - 1)}>
         <Icon name="outline-cheveron-left" />
         Previous
       </Button>
-      <menu>
+      <menu className="!hidden flex-1 justify-center gap-2 lg:flex!">
         {firstBoundaryPageShown ? (
           <>
             <PageNumber page={1} isCurrent={pagination.page === 1} onClick={() => onChangePage(1)} />

app/javascript/packs/admin.scss

@@ -14,7 +14,6 @@
 @import "../stylesheets/dropdown";
 @import "../stylesheets/forms";
 @import "../stylesheets/nav";
-@import "../stylesheets/pagination";
 @import "../stylesheets/pill";
 @import "../stylesheets/rows";
 @import "../stylesheets/stack";

app/javascript/packs/design.scss

@@ -17,7 +17,6 @@
 @import "../stylesheets/forms";
 @import "../stylesheets/nav";
 @import "../stylesheets/nested_menu";
-@import "../stylesheets/pagination";
 @import "../stylesheets/pill";
 @import "../stylesheets/product";
 @import "../stylesheets/profile";