chore: add deprecated anymore.

Author: LuizAsFight

packages/app/src/systems/Core/components/DeprecatedAlert.tsx

@@ -0,0 +1,24 @@
+import { Alert, Link } from '@fuel-ui/react';
+
+export function DeprecatedAlert() {
+  return (
+    <Alert
+      status="warning"
+      css={{
+        justifyContent: 'center',
+        '.fuel_Alert-content': {
+          flex: '0 0 auto',
+        },
+      }}
+    >
+      <Alert.Description>
+        This Portal website is not functional anymore.
+        <br />
+        It has been migrated to:&nbsp;
+        <Link href="https://app.fuel.network" isExternal>
+          https://app.fuel.network
+        </Link>
+      </Alert.Description>
+    </Alert>
+  );
+}

packages/app/src/systems/Core/components/Layout.tsx

@@ -8,6 +8,7 @@ import { OverlayDialog } from '~/systems/Overlay';
 
 import { coreStyles } from '../styles';
 
+import { DeprecatedAlert } from './DeprecatedAlert';
 import { Header } from './Header';
 
 type ContentProps = {
@@ -57,6 +58,7 @@ export const Layout: LayoutComponent = ({ title, children }: LayoutProps) => {
       </Helmet>
       <Flex as="main" direction="column" css={styles.root}>
         <Header />
+        <DeprecatedAlert />
         <OverlayDialog />
         <Box css={styles.scrollView}>
           <Box css={coreStyles.scrollableContent}>{children}</Box>

packages/app/src/systems/Core/styles/scrollbar.css

@@ -0,0 +1,20 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  .custom-scrollbar {
+    &::-webkit-scrollbar {
+      @apply w-[14px] bg-transparent;
+    }
+    &::-webkit-scrollbar-track {
+      @apply bg-transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      @apply bg-gray-8 opacity-50 border-4 border-transparent rounded-3xl bg-clip-content-box;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      @apply bg-gray-10;
+    }
+  }
+}