feat(players): stack Challonge card below StartGG and add logo icon

src/dashboard/scoreko-dev/views/Players.vue

@@ -886,6 +886,7 @@ onBeforeUnmount(() => {
       </div>
 
       <div class="col-12 col-lg-4 players-startgg-column">
+        <div class="players-integrations-stack">
           <QCard
             flat
             bordered
@@ -999,15 +1000,18 @@ onBeforeUnmount(() => {
               </div>
             </div>
           </QCard>
-      </div>
 
-      <div class="col-12 col-lg-4 players-startgg-column">
           <QCard
             flat
             bordered
             class="q-pa-md"
           >
             <div class="text-h6 q-mb-sm startgg-heading">
+              <img
+                class="challonge-heading__icon"
+                src="https://challonge.com/favicon.ico"
+                alt="Challonge"
+              >
               <span>Challonge</span>
             </div>
             <div class="text-caption q-mb-md">
@@ -1109,6 +1113,7 @@ onBeforeUnmount(() => {
           </QCard>
         </div>
       </div>
+    </div>
 
 
     <QDialog v-model="isManualTokenDialogOpen">
@@ -1404,6 +1409,12 @@ onBeforeUnmount(() => {
   min-width: 320px;
 }
 
+.players-integrations-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
 
 .players-dialog {
   min-width: 320px;
@@ -1423,6 +1434,12 @@ onBeforeUnmount(() => {
   fill: #2e75ba;
 }
 
+.challonge-heading__icon {
+  width: 20px;
+  height: 20px;
+  border-radius: 4px;
+}
+
 .startgg-tournament-row {
   gap: 4px;
 }