use better quality flags

src/routes/+layout.svelte

@@ -13,6 +13,6 @@
 	</main>
 
 	<footer class="flex flex-col items-center justify-center py-3 text-sm text-gray-500 dark:text-gray-400">
-		<p>© {year} OQuokka</p>
+		<p>© {year} Lhamacorp</p>
 	</footer>
 </div>

src/routes/portfolio/+page.svelte

@@ -397,7 +397,7 @@
 				<tr class="odd:bg-gray-50 even:bg-gray-100 dark:odd:bg-gray-800 dark:even:bg-gray-700 hover:bg-blue-50 dark:hover:bg-blue-900 transition">
 					<td class="px-4 py-2 font-mono font-semibold text-blue-700 dark:text-blue-300 cursor-pointer" title={stock.code} on:click={() => openStock(stock.code)}>
 						<div class="inline-flex items-center gap-2">
-							<img src={`https://flagcdn.com/w20/${getFlag(stock.code)}.png`} alt="{getFlag(stock.code)} flag" class="w-5 h-auto" />
+							<img src={`https://flagcdn.com/w40/${getFlag(stock.code)}.png`} alt="{getFlag(stock.code)} flag" class="w-5 h-auto" />
 							{formatCode(stock.code)}
 						</div>
 					</td>

src/routes/stocks/+page.svelte

@@ -101,7 +101,7 @@
 					<div class="flex justify-between items-start border-b border-gray-200 dark:border-gray-700 pb-3">
 						<div class="flex items-center gap-2 text-lg font-bold text-gray-900 dark:text-gray-100">
 							<img
-								src={`https://flagcdn.com/16x12/${getFlag(stock.code)}.png`}
+								src={`https://flagcdn.com/w40/${getFlag(stock.code)}.png`}
 								alt="{getFlag(stock.code)} flag"
 								class="w-4 h-auto"
 							/>

src/routes/stocks/[code]/+page.svelte

@@ -69,7 +69,7 @@
 		<!-- Header -->
 		<div class="flex items-center gap-4 border-b border-gray-200 dark:border-gray-700 pb-6 mb-8">
 			<img
-				src={`https://flagcdn.com/w20/${getFlag(stockInfo.code)}.png`}
+				src={`https://flagcdn.com/w40/${getFlag(stockInfo.code)}.png`}
 				alt="{getFlag(code)} flag"
 				class="w-6 h-4 object-contain"
 			/>