fix: content tags drawer width (#910)

src/content-tags-drawer/ContentTagsDrawer.jsx

@@ -133,7 +133,7 @@ const ContentTagsDrawer = ({ id, onClose }) => {
 
   return (
 
-    <div className="mt-1">
+    <div id="content-tags-drawer" className="mt-1">
       <Container size="xl">
         <CloseButton onClick={() => onCloseDrawer()} data-testid="drawer-close-button" />
         <span>{intl.formatMessage(messages.headerSubtitle)}</span>

src/content-tags-drawer/ContentTagsDrawer.scss

@@ -0,0 +1,9 @@
+.pgn__sheet-component:has(#content-tags-drawer) {
+  min-width: max(500px, 33vw);
+}
+
+@media only screen and (max-width: 500px) {
+  .pgn__sheet-component:has(#content-tags-drawer) {
+    min-width: 100vw;
+  }
+}

src/content-tags-drawer/index.scss

@@ -1,2 +1,3 @@
 @import "content-tags-drawer/TagBubble";
 @import "content-tags-drawer/tags-sidebar-controls/TagsSidebarControls";
+@import "content-tags-drawer/ContentTagsDrawer";