Clarify range with "or" text

app/features/sendouq/components/GroupCard.tsx

@@ -163,9 +163,9 @@ export function GroupCard({
 						<div className="q__group__tier-diff-text">
 							±{group.tierRange.diff}
 						</div>
-						<div className="stack sm horizontal items-center text-lg">
+						<div className="stack sm horizontal items-center text-sm font-bold">
 							<TierImage tier={group.tierRange.range[0]} width={38} />
-							/
+							{t("q:looking.range.or")}
 							<TierImage tier={group.tierRange.range[1]} width={38} />
 						</div>
 					</div>

locales/en/q.json

@@ -120,6 +120,7 @@
 	"looking.rankCalculating": "Less than {{count}} sets played. Rank is still calculating...",
 	"looking.allTiers": "All tiers",
 	"looking.joinQPrompt": "Join the queue to find a group",
+	"looking.range.or": "or",
 
 	"match.header": "Match #{{number}}",
 	"match.spInfo": "SP will be adjusted after both teams report the same result",