feat: add watermark

apps/web/components/Watermark.tsx

@@ -0,0 +1,27 @@
+import Image from 'next/image'
+import Link from 'next/link'
+import blacklogo from '@public/black_logo.png'
+import React, { useEffect } from 'react'
+import { useOrg } from './Contexts/OrgContext'
+
+function Watermark() {
+    const org = useOrg() as any
+
+    useEffect(() => {
+    }
+        , [org]);
+
+    if (org?.config?.config?.general?.watermark) {
+        return (
+            <div className='fixed bottom-8 right-8'>
+                <Link href={`https://www.learnhouse.app/?source=in-app`} className="flex items-center cursor-pointer bg-white/80 backdrop-blur-lg text-gray-700 rounded-2xl p-2 light-shadow text-xs px-5 font-semibold space-x-2">
+                    <p>Made with</p>
+                    <Image unoptimized src={blacklogo} alt="logo" quality={100} width={85} />
+                </Link>
+            </div>
+        )
+    }
+    return null
+}
+
+export default Watermark