Add marquee component for RecentlyAddedIcons

web/src/app/globals.css

@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-
 @plugin "tailwindcss-motion";
+
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
@@ -62,7 +62,20 @@
 			height: 0;
 		}
 	}
-}
+
+	--animate-marquee: marquee var(--duration) infinite linear;
+	--animate-marquee-vertical: marquee-vertical var(--duration) linear infinite;
+
+  @keyframes marquee {
+  from {
+    transform: translateX(0);}
+  to {
+    transform: translateX(calc(-100% - var(--gap)));}}
+  @keyframes marquee-vertical {
+  from {
+    transform: translateY(0);}
+  to {
+    transform: translateY(calc(-100% - var(--gap)));}}}
 
 :root {
 	--radius: 0.75rem;
@@ -158,4 +171,4 @@
 	.glass-effect {
 		@apply backdrop-blur-sm;
 	}
-}
+}