feat: tiktok icon && flex -> grid

src/lib/components/svgs/TiktokIcon.svelte

@@ -0,0 +1,10 @@
+<svg
+	fill={'#FFFFFF'}
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 50 50"
+	class={$$restProps.class || 'h-10 w-10 flex-shrink-0'}
+>
+	<path
+		d="M41,4H9C6.243,4,4,6.243,4,9v32c0,2.757,2.243,5,5,5h32c2.757,0,5-2.243,5-5V9C46,6.243,43.757,4,41,4z M37.006,22.323 c-0.227,0.021-0.457,0.035-0.69,0.035c-2.623,0-4.928-1.349-6.269-3.388c0,5.349,0,11.435,0,11.537c0,4.709-3.818,8.527-8.527,8.527 s-8.527-3.818-8.527-8.527s3.818-8.527,8.527-8.527c0.178,0,0.352,0.016,0.527,0.027v4.202c-0.175-0.021-0.347-0.053-0.527-0.053 c-2.404,0-4.352,1.948-4.352,4.352s1.948,4.352,4.352,4.352s4.527-1.894,4.527-4.298c0-0.095,0.042-19.594,0.042-19.594h4.016 c0.378,3.591,3.277,6.425,6.901,6.685V22.323z"
+	/>
+</svg>

src/routes/person/[id]/PersonPage.svelte

@@ -9,6 +9,7 @@
 	import ImdbIcon from '$lib/components/svgs/ImdbIcon.svelte';
 	import TwitterIcon from '$lib/components/svgs/TwitterIcon.svelte';
 	import YoutubeIcon from '$lib/components/svgs/YoutubeIcon.svelte';
+	import TiktokIcon from '$lib/components/svgs/TiktokIcon.svelte';
 	import { DotFilled, InstagramLogo } from 'radix-icons-svelte';
 
 	const GENDER_OPTIONS = ['Not set', 'Female', 'Male', 'Non-binary'] as const;
@@ -68,6 +69,12 @@
 							icon: InstagramLogo
 						});
 						break;
+					case 'tiktok_id':
+						tmdbSocials.push({
+							url: `https://www.tiktok.com/@${id}`,
+							icon: TiktokIcon
+						});
+						break;
 				}
 			}
 		}
@@ -76,7 +83,7 @@
 			tmdbPerson,
 			tmdbMoviesOn,
 			tmdbSeriesOn,
-			tmdbSocials: tmdbSocials.slice(0, 6),
+			tmdbSocials,
 		};
 	}
 </script>
@@ -112,7 +119,7 @@
 				<div class="col-span-2 lg:col-span-1">
 					<p class="text-zinc-400 text-sm">Socials</p>
 					<h2 class="pt-2 text-sm">
-						<div class="flex gap-2 justify-start">
+						<div class="grid grid-cols-6 gap-4 justify-start">
 							{#each tmdbSocials ?? [] as Prop}
 								<a href={Prop.url} target="_blank" >
 									<Prop.icon class="h-6 w-6 flex-shrink-0 text-white"/>