Merge branch 'stacked-media-fix' into 'develop'

Fix sensitive content z-order (when a sensitive status contains a sensitive quote)

Closes #1176

See merge request soapbox-pub/soapbox!1890

app/soapbox/components/quoted-status.tsx

@@ -103,7 +103,7 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
 
         <StatusReplyMentions status={status} hoverable={false} />
 
-        <Stack className={classNames('relative', {
+        <Stack className={classNames('relative z-0', {
           'min-h-[220px]': status.hidden,
         })}
         >

app/soapbox/components/status.tsx

@@ -359,7 +359,7 @@ const Status: React.FC<IStatus> = (props) => {
 
             <Stack
               className={
-                classNames('relative', {
+                classNames('relative z-0', {
                   'min-h-[220px]': isUnderReview || isSensitive,
                 })
               }

app/soapbox/features/status/components/detailed-status.tsx

@@ -88,7 +88,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
 
         <Stack
           className={
-            classNames('relative', {
+            classNames('relative z-0', {
               'min-h-[220px]': isUnderReview || isSensitive,
             })
           }