feat(client): add product hunt announcement banner

client/components/shared/Announcement.module.scss

@@ -0,0 +1,7 @@
+.container {
+  @apply z-10 fixed top-0 left-0 right-0;
+
+  strong {
+    @apply font-semibold;
+  }
+}

client/components/shared/Announcement.tsx

@@ -0,0 +1,26 @@
+import { AnnouncementOutlined } from '@mui/icons-material';
+import { Alert, Collapse } from '@mui/material';
+import { useState } from 'react';
+
+import { PRODUCT_HUNT_URL } from '@/constants/index';
+
+import styles from './Announcement.module.scss';
+
+const Announcement = () => {
+  const [open, setOpen] = useState(true);
+
+  return (
+    <div className={styles.container}>
+      <Collapse in={open}>
+        <Alert icon={<AnnouncementOutlined />} severity="info" onClose={() => setOpen(false)}>
+          <a href={PRODUCT_HUNT_URL} target="_blank" rel="noreferrer">
+            <strong>Reactive Resume is featured on Product Hunt.</strong> If you liked this app, please show your
+            support by <strong>upvoting</strong>!
+          </a>
+        </Alert>
+      </Collapse>
+    </div>
+  );
+};
+
+export default Announcement;