Merge pull request #3832 from overleaf/ae-modal-beta

* Add BetaBadge component
* Add beta_badge_tooltip translation
* Add beta badge to modal headers
* Enable Share and Add Files modals for beta users

GitOrigin-RevId: df0933830a0745c0ecf57db34f2cb75104a570cd

services/web/frontend/js/shared/components/beta-badge.js

@@ -0,0 +1,29 @@
+import React from 'react'
+import { OverlayTrigger, Tooltip } from 'react-bootstrap'
+import PropTypes from 'prop-types'
+
+export default function BetaBadge({ tooltip }) {
+  return (
+    <OverlayTrigger
+      placement="bottom"
+      overlay={<Tooltip id={tooltip.id}>{tooltip.text}</Tooltip>}
+      delayHide={100}
+    >
+      <a
+        href="/beta/participate"
+        target="_blank"
+        rel="noopener noreferrer"
+        className="badge beta-badge"
+      >
+        <span className="sr-only">{tooltip.text}</span>
+      </a>
+    </OverlayTrigger>
+  )
+}
+
+BetaBadge.propTypes = {
+  tooltip: PropTypes.exact({
+    id: PropTypes.string.isRequired,
+    text: PropTypes.string.isRequired
+  })
+}