fix: correctly center talent pill

src/v1/card.tsx

@@ -33,9 +33,6 @@ export function card(app: App) {
         .derive(({ store }) => {
           store.start = Date.now();
         })
-        .onAfterResponse(({ store: { start } }) =>
-          console.log(`${Date.now() - start}ms - Rendering completed`),
-        )
         .get(
           "/genshin/:uid/:char",
           async ({ params: { uid, char: charId }, store: { start } }) => {
@@ -222,8 +219,8 @@ export function card(app: App) {
                               tw="w-[2.5em] absolute left-[.15em] top-[.15em] m-[.4em_0_0_.4em]"
                             />
                             <div tw="absolute -bottom-[.1em] w-full flex justify-center">
-                              <div tw="bg-[#323232b3] py-[5%] pl-[7%] pr-[15%] text-[.8em] rounded-[1.4em] flex items-center justify-center">
+                              <div tw="bg-[#323232b3] pt-[5%] pb-[2%] text-[.8em] rounded-[1.4em]">
-                                {talentLevel}
+                                <span tw="px-[.6em]">{talentLevel}</span>
                               </div>
                             </div>
                           </div>
@@ -300,6 +297,8 @@ export function card(app: App) {
               description:
                 "Generate a Genshin Impact enka.network card image from a UID.",
             },
+            afterResponse: ({ store: { start } }) =>
+              console.log(`${Date.now() - start}ms - Rendering completed`),
           },
         ),
     )