Fix a few visual issues

app/soapbox/features/ui/components/modals/report-modal/steps/other-actions-step.tsx

@@ -95,7 +95,7 @@ const OtherActionsStep = ({ account }: IOtherActionsStep) => {
     <Stack space={4}>
       {renderSelectedStatuses()}
 
-      {!features.reportMultipleStatuses && (
+      {features.reportMultipleStatuses && (
         <Stack space={2}>
           <Text size='xl' weight='semibold'>Include other statuses?</Text>
 

app/soapbox/features/ui/components/modals/report-modal/steps/reason-step.tsx

@@ -68,6 +68,7 @@ const ReasonStep = (_props: IReasonStep) => {
   const comment = useAppSelector((state) => state.reports.getIn(['new', 'comment']) as string);
   const rules = useAppSelector((state) => state.rules.items);
   const ruleId = useAppSelector((state) => state.reports.getIn(['new', 'rule_id']) as boolean);
+  const shouldRequireRule = rules.length > 0;
 
   const renderSelectedStatuses = useCallback(() => {
     switch (selectedStatusIds.size) {
@@ -112,6 +113,7 @@ const ReasonStep = (_props: IReasonStep) => {
     <Stack space={4}>
       {renderSelectedStatuses()}
 
+      {shouldRequireRule && (
         <Stack space={2}>
           <Text size='xl' weight='semibold'>Reason for reporting</Text>
 
@@ -175,6 +177,7 @@ const ReasonStep = (_props: IReasonStep) => {
             />
           </div>
         </Stack>
+      )}
 
       <FormGroup labelText={intl.formatMessage(messages.placeholder)}>
         <Textarea