feat(admin,api,player): settlement stats, team crests, MS fields and list bet summary

apps/admin/src/components/outright/CountryFlagSelect.vue

@@ -2,9 +2,11 @@
 import { computed, ref } from 'vue';
 import {
   countryFlagUrl,
+  countryCrestUrl,
   countryDisplayName,
   countryOptionLabel,
   getBuiltinCountry,
+  hasCountryCrest,
   searchBuiltinCountries,
   type BuiltinCountry,
 } from '../../data/builtinCountries';
@@ -67,6 +69,13 @@ function onChange(code: string | undefined) {
       >
         <div class="country-option">
           <img :src="countryFlagUrl(c)" alt="" class="country-option-flag" loading="lazy" />
+          <img
+            v-if="hasCountryCrest(c)"
+            :src="countryCrestUrl(c)"
+            alt=""
+            class="country-option-crest"
+            loading="lazy"
+          />
           <span class="country-option-name">{{ countryDisplayName(c, locale) }}</span>
           <span class="country-option-code">{{ c.code }}</span>
         </div>
@@ -120,6 +129,13 @@ function onChange(code: string | undefined) {
   flex-shrink: 0;
 }
 
+.country-option-crest {
+  width: 22px;
+  height: 22px;
+  object-fit: contain;
+  flex-shrink: 0;
+}
+
 .country-option-name {
   flex: 1;
   min-width: 0;