feat: add trakt connection

Author: RyanPotat

src/routes/user/[login]/tabs/connectionItem.svelte

@@ -37,7 +37,7 @@
 <div style="margin-top: 0px; margin-bottom: 30px;">
   <div class="flex items-center justify-between ">
     <div class="flex items-center space-x-4">
-      <Avatar.Root class="h-12 w-12">
+      <Avatar.Root class="h-11 w-11 rounded-none">
         <Avatar.Image src={platform.icon} alt={platform.name} />
       </Avatar.Root>
       <div><b>{platform.name}</b></div>

src/routes/user/[login]/tabs/connections.ts

@@ -30,6 +30,12 @@ export const conns = [
     name: 'Kick',
     color: '#00e701',
   },
+  {
+    description: 'By linking your Trakt account, you allow PotatBotat to view your username and ID, view your watched shows and movies, and update your lists.',
+    icon: 'https://walter-r2.trakt.tv/hotlink-ok/public/2024/favicon.png',
+    name: 'Trakt',
+    color: '#9F42C6',
+  },
   {
     description: 'This connection is automatically linked based on your Twitch account.',
     icon: 'https://7tv.app/favicon.svg',