add self-hosted warning

.github/workflows/test-and-deploy.yml

@@ -82,12 +82,12 @@ jobs:
       - name: Install dependencies
         uses: ./.github/actions/install-dependencies
       - name: Download test screenshots artifact
-        uses: actions/download-artifact@master
+        uses: actions/download-artifact@v3
         with:
           name: test-screenshots
           path: test/screenshots
       - name: Download test report artifact
-        uses: actions/download-artifact@master
+        uses: actions/download-artifact@v3
         with:
           name: test-blob-reports
           path: test/blob-reports

src/components/WarningBar.tsx

@@ -0,0 +1,31 @@
+/** @jsxImportSource @emotion/react */
+import { css } from "@emotion/react";
+import { Outlet } from "react-router-dom";
+import { Link } from "./Link";
+
+const barStyle = css`
+	background-color: rgb(237, 108, 2);
+	color: white;
+	text-align: center;
+	font-size: 16px;
+	padding: 10px;
+
+	a {
+		color: white;
+		text-decoration: underline;
+	}
+`;
+
+export const WarningBar = () => {
+	return (
+		<>
+			<div css={barStyle}>
+				On January 31, Calamar and its data sources will go into self-hosted only mode.<br />
+				This is following the deprecation of Firesquid archives and its resulting effect on Giant Squid.<br />
+				We apologize for any inconvenience.<br />
+				<Link to="https://github.com/topmonks/calamar/blob/master/README.md">Read more</Link>
+			</div>
+			<Outlet />
+		</>
+	);
+};