feat(api): email notification agent

no ui yet built to configure it and currently only handles MEDIA_PENDING notification types

src/components/Common/ListView/index.tsx

@@ -31,7 +31,7 @@ const ListView: React.FC<ListViewProps> = ({
           No Results
         </div>
       )}
-      <ul className="grid grid-cols-2 gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7">
+      <ul className="grid grid-cols-2 gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-8">
         {items?.map((title) => {
           let titleCard: React.ReactNode;
 

src/components/RequestCard/index.tsx

@@ -176,7 +176,7 @@ const RequestCard: React.FC<RequestCardProps> = ({ request }) => {
           <img
             src={`//image.tmdb.org/t/p/w600_and_h900_bestv2${title.posterPath}`}
             alt=""
-            className="w-20 sm:w-28 rounded-md shadow-sm cursor-pointer"
+            className="w-20 sm:w-28 rounded-md shadow-sm cursor-pointer transition transform-gpu duration-300 scale-100 hover:scale-105 hover:shadow-md"
           />
         </Link>
       </div>

src/components/Slider/index.tsx

@@ -207,7 +207,7 @@ const Slider: React.FC<SliderProps> = ({
         </button>
       </div>
       <div
-        className="overflow-x-scroll whitespace-nowrap hide-scrollbar overscroll-x-contain -ml-4 -mr-4 px-2"
+        className="relative overflow-x-scroll whitespace-nowrap hide-scrollbar overscroll-x-contain -ml-4 -mr-4 px-2 overflow-y-auto"
         ref={containerRef}
         onScroll={onScroll}
       >