Add set icons

Author: David Yell

package-lock.json

@@ -31,6 +31,7 @@
     "vite": "^6.0.11"
   },
   "dependencies": {
+    "keyrune": "^3.16.1",
     "mana-font": "^1.18.0"
   }
 }

package.json

@@ -1,4 +1,5 @@
 @import 'mana-font/css/mana.min.css';
+@import 'keyrune/css/keyrune.min.css';
 
 @tailwind base;
 @tailwind components;

resources/css/app.css

@@ -14,7 +14,8 @@
                             <table class="min-w-full divide-y divide-gray-300">
                                 <thead>
                                 <tr>
-                                    <th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0">Name</th>
+                                    <th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0"></th>
+                                    <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Name</th>
                                     <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Code</th>
                                     <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Release</th>
                                     <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Block</th>
@@ -25,8 +26,13 @@
                                 <tbody class="divide-y divide-gray-200">
                                 @foreach ($sets as $set)
                                     <tr>
-                                        <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">{{ $set->name }}</td>
-                                        <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">{{ $set->code }}</td>
+                                        <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">
+                                            <span class="ss ss-{{ \Illuminate\Support\Str::lower($set->keyruneCode) }}"></span>
+                                        </td>
+                                        <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">{{ $set->name }}</td>
+                                        <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
+                                            <span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10">{{ $set->code }}</span>
+                                        </td>
                                         <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">{{ $set->releaseDate }}</td>
                                         <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">{{ $set->block }}</td>
                                         <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">