feat: ecosystem disclaimer

public/locales/en/ecosystem.json

@@ -14,5 +14,8 @@
         "text": "Building on Taiko and need financial or other support? <br></br> <span>Apply for a grant!</span>",
         "applyText": "Apply to our grants program",
         "contactUs": "Learn more"
+    },
+    "disclaimer": {
+        "subtitle": "The following applications all allege they are building atop the Taiko ecosystem. Please note that no guarantee is made as to the authenticity, veracity, or safety of any of these protocols. You assume all risks for using any links, so please conduct your own research and exercise caution. If you observe any issues with any link or would like to add to this list, please create a PR in the following Github repository: "
     }
 }

src/pages/ecosystem/index.tsx

@@ -28,6 +28,7 @@ const Ecosystem: NextPage = () => {
                 <EcosystemFilters>
                     <EcosystemScreens.Hero />
                     <EcosystemScreens.Controls />
+                    <EcosystemScreens.Disclaimer />
                     <EcosystemScreens.Projects />
                     <EcosystemScreens.Grant />
                 </EcosystemFilters>

src/widgets/07-ecosystem-screens/ui/05-disclaimer/disclaimer.module.scss

@@ -0,0 +1,21 @@
+.disclaimer {
+    font: 600 14px/1.2 $kFontPublicSans;
+}
+
+.wrapper {
+    margin: 20px 0; 
+    padding: 15px;
+    background-color: #f9f9f9;
+    border-left: 5px solid #f44336;
+}
+
+.content {
+    margin: 0;
+    font-size: 14px;
+    color: #333;
+}
+
+.link {
+    color: #0073e6;
+    text-decoration: underline;
+}

src/widgets/07-ecosystem-screens/ui/05-disclaimer/index.tsx

@@ -0,0 +1,20 @@
+import { useTranslation } from 'next-i18next';
+import React from 'react';
+import css from './disclaimer.module.scss';
+
+export const Disclaimer: React.FC = () => {
+    const { t } = useTranslation('ecosystem');
+
+    return (
+        <section className={css.disclaimer}>
+            <div className={css.wrapper}>
+                <p className={css.content}>
+                    {t('disclaimer.subtitle')}
+                    <a href="https://github.com/taikoxyz/website-v2" target="_blank" rel="noopener noreferrer" className={css.link}>
+                        https://github.com/taikoxyz/website-v2
+                    </a>.
+                </p>
+            </div>
+        </section>
+    );
+}

src/widgets/07-ecosystem-screens/ui/index.ts

@@ -1,4 +1,5 @@
 export { Hero } from './01-hero';
 export { Controls } from './02-controls';
 export { Projects } from './03-projects';
-export { Grant } from './04-grant';
+export { Grant } from './04-grant';
+export { Disclaimer } from './05-disclaimer';