fix: Show multiple suggestions for dictionary rules (#260)

* Show multiple suggestions for dictionary rules

While still showing replacements for classic Typerighter rules. Before this, only the first dictionary rule suggestion was being shown.

* Render only the first 6 suggestions

src/ts/components/Match.tsx

@@ -47,7 +47,8 @@ class Match<TMatch extends IMatch> extends Component<IMatchProps<TMatch>> {
       ruleId
     };
 
-    const suggestionsToRender = replacement ? [replacement] : suggestions || [];
+    // render up to 6 suggestions if they exist (e.g. dictionary rules), otherwise render the replacement (as sometimes exists for classic Typerighter rules)
+    const suggestionsToRender = suggestions && suggestions.length > 0 ? suggestions.slice(0, 6) : replacement ? [replacement] : [];
     const suggestionContent = (
       <div className="MatchWidget__suggestion-list">
         {suggestionsToRender && applySuggestions && !markAsCorrect && (