feat(ui): different provider range of accesses in AccessList

ui/src/components/access/AccessForm.tsx

@@ -292,6 +292,7 @@ const AccessForm = forwardRef<AccessFormInstance, AccessFormProps>(({ className,
               }}
               disabled={scene !== "add"}
               placeholder={providerPlaceholder}
+              showOptionTags={range == null || range === "both-dns-hosting"}
               showSearch={!disabled}
             />
           </Form.Item>

ui/src/components/provider/AccessProviderSelect.tsx

@@ -40,7 +40,7 @@ const AccessProviderSelect = ({ filter, showOptionTags, ...props }: AccessProvid
             {t(provider?.name ?? "")}
           </Typography.Text>
         </Space>
-        {!showOptionTags && (
+        {showOptionTags && (
           <div>
             {provider?.usages?.includes(ACCESS_USAGES.DNS) && <Tag color="peru">{t("access.props.provider.usage.dns")}</Tag>}
             {provider?.usages?.includes(ACCESS_USAGES.HOSTING) && <Tag color="royalblue">{t("access.props.provider.usage.hosting")}</Tag>}