feat: render configuration tips with NcRichText

Use NcRichText component to properly render formatted tips in the
configuration check table, replacing plain text rendering.

This change:
- Imports and uses NcRichText component from @nextcloud/vue
- Enables Markdown rendering for tip content with autolink support
- Adds CSS styling for proper text wrapping and width constraints
- Ensures secure rendering through NcRichText's built-in sanitization

The tips now display with proper formatting including bold text, lists,
code blocks, and clickable links, improving readability and user experience.

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>

Author: vitormattos

src/views/Settings/ConfigureCheck.vue

@@ -20,7 +20,9 @@
 					</td>
 					<td v-html="row.message" />
 					<td>{{ row.resource }}</td>
-					<td>{{ row.tip }}</td>
+					<td class="tip-cell">
+						<NcRichText :text="row.tip" :autolink="true" :use-markdown="true" />
+					</td>
 				</tr>
 			</tbody>
 		</table>
@@ -29,13 +31,15 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 
+import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
 import NcSettingsSection from '@nextcloud/vue/components/NcSettingsSection'
 
 import { useConfigureCheckStore } from '../../store/configureCheck.js'
 
 export default {
 	name: 'ConfigureCheck',
 	components: {
+		NcRichText,
 		NcSettingsSection,
 	},
 	setup() {
@@ -61,4 +65,9 @@ table {
 .info {
 	color: orange;
 }
+.tip-cell {
+	white-space: normal;
+	word-wrap: break-word;
+	max-width: 500px;
+}
 </style>