chore: Convert <Text /> component to span by default

app/scenes/Settings/components/HelpDisclosure.tsx

@@ -33,7 +33,7 @@ const HelpDisclosure: React.FC<Props> = ({ title, children }: Props) => {
         )}
       </Disclosure>
       <HelpContent {...disclosure}>
-        <Text type="secondary">
+        <Text as="p" type="secondary">
           <br />
           {children}
         </Text>

app/scenes/Settings/components/ImportJSONDialog.tsx

@@ -14,7 +14,7 @@ function ImportJSONDialog() {
 
   return (
     <Flex column>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <DropToImport
           onSubmit={dialogs.closeAllModals}
           format={FileOperationFormat.JSON}

app/scenes/Settings/components/ImportMarkdownDialog.tsx

@@ -14,7 +14,7 @@ function ImportMarkdownDialog() {
 
   return (
     <Flex column>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <DropToImport
           onSubmit={dialogs.closeAllModals}
           format={FileOperationFormat.MarkdownZip}

app/scenes/Settings/components/ImportNotionDialog.tsx

@@ -13,7 +13,7 @@ function ImportNotionDialog() {
 
   return (
     <Flex column>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <DropToImport
           onSubmit={dialogs.closeAllModals}
           format={FileOperationFormat.Notion}

app/scenes/Settings/components/SettingRow.tsx

@@ -74,7 +74,11 @@ const SettingRow: React.FC<Props> = ({
         <Label as="h3">
           <label htmlFor={name}>{label}</label>
         </Label>
-        {description && <Text type="secondary">{description}</Text>}
+        {description && (
+          <Text as="p" type="secondary">
+            {description}
+          </Text>
+        )}
       </Column>
       <Column>{children}</Column>
     </Row>