feat: add quotes rotate with dark mode

Author: soyricardodev

apps/gifting-concierge/src/app/confirm/layout.tsx

@@ -1,7 +1,7 @@
-import { WordRotate } from "@theliaison/ui/magicui/word-rotate";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { Header } from "./[giftId]/header";
+import { QuotesRotate } from "~/components/quotes-rotate";
 
 const navLinks = [
 	{
@@ -51,28 +51,14 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 				<Header />
 				{children}
 				<footer className="mt-24 mb-8 max-w-screen-xl mx-auto px-6 lg:px-8 text-white">
+					<div className="flex items-center justify-center mx-auto w-full">
+						<QuotesRotate isDark />
+					</div>
 					<div className="flex items-center justify-center">
 						<span className="text-medium font-medium">
 							TL <strong>Gifting Concierge</strong>
 						</span>
 					</div>
-					<div className="flex items-center justify-center mx-auto w-full">
-						<WordRotate
-							words={[
-								'"A gift consist not in what is done or given, but in the intention of the giver or doer." - Seneca',
-								'"The manner of giving is worth more than the gift." - Pierre Corneille',
-								'"Every gift which is given, even though it be small, is in reality great, if it is given with affection." - Pindar',
-								'"We make a living by what we get, but we make a life by what we give." - Winston Churchill',
-								'"No one has ever overcome poor by giving." - Anne Frank',
-								'"It is not how much we give, but how much love we put into giving." - Mother Teresa',
-								'"For it is in giving that we receive." - Francis of Assisi',
-								'"Gratitude is not only the greatest of virtues, but the parent of all others." - Cicero',
-								'"When we give cheerfully and accept gratefully, everyone is blessed." - Maya Angelou',
-								'"The meaning of life is to find your gift. The purpose of life is to give it away." - Pablo Picasso',
-							]}
-							duration={5000}
-						/>
-					</div>
 
 					<div className="flex flex-wrap justify-center gap-x-4 gap-y-1">
 						{navLinks.map((item) => (