Add JSTOR icon and style `ContentPartnerBanner`

src/annotator/components/ContentPartnerBanner.js

+import { Icon, LabeledButton, Link } from '@hypothesis/frontend-shared';
+
 /**
  * @typedef {import('../../types/annotator').ContentPartner} ContentPartner
  */
@@ -11,9 +13,24 @@
  */
 export default function ContentPartnerBanner({ provider, onClose }) {
   return (
-    <div className="bg-white p-2">
-      {provider === 'jstor' && 'Content provided by JSTOR'}
-      <button onClick={onClose}>Close</button>
+    <div className="flex items-center border-b gap-x-4 px-2 py-1 bg-white text-annotator-lg">
+      {provider === 'jstor' && (
+        <>
+          <Link href="https://jstor.org">
+            <Icon
+              classes="w-[97px] h-[25px]"
+              name="jstor"
+              title="Document hosted by JSTOR"
+            />
+          </Link>
+          <div className="grow">
+            Document hosted by <b>JSTOR</b>
+          </div>
+        </>
+      )}
+      <div className="text-annotator-base">
+        <LabeledButton onClick={onClose}>Close</LabeledButton>
+      </div>
     </div>
   );
 }

src/annotator/icons.js

@@ -14,10 +14,11 @@ import {
 // Different variant than shared icon
 import annotateIcon from '../images/icons/annotate.svg';
 // Not in shared icon set
+import jstor from '../images/icons/jstor.svg';
 import pointerIcon from '../images/icons/pointer.svg';
 
 /**
- * Set of icons used by the annotator part of the application via the `SvgIcon`
+ * Set of icons used by the annotator part of the application via the `Icon`
  * component.
  */
 export const annotatorIcons = {
@@ -28,6 +29,7 @@ export const annotatorIcons = {
   'caret-right': caretRight,
   hide,
   highlight,
+  jstor,
   note,
   pointer: pointerIcon,
   show,