fix satori template width, height, add computer-science category and algorithms tag

Author: nemanjam

src/constants/collections.ts

@@ -24,6 +24,7 @@ export const TAGS = [
   'devops',
   'docker',
   'self-hosting',
+  'algorithms',
 ] as const;
 
 /** adjust this later */
@@ -34,6 +35,14 @@ export const CATEGORIES = [
     name: 'tutorials',
     icon: 'mdi:teach',
   },
+  {
+    name: 'computer-science',
+    icon: 'mdi:chip',
+  },
+  {
+    name: 'homelab',
+    icon: 'mdi:flask-empty-outline',
+  },
   {
     name: 'tips-and-tricks',
     icon: 'mdi:lightbulb-outline',
@@ -58,10 +67,6 @@ export const CATEGORIES = [
     name: 'resources',
     icon: 'mdi:book-open-variant-outline',
   },
-  {
-    name: 'homelab',
-    icon: 'mdi:flask-empty-outline',
-  },
 ] as const;
 
 // use imported images here

src/libs/api/open-graph/template-html.ts

@@ -29,9 +29,7 @@ const templateHtml = ({ title, heroImageUrl, avatarImageUrl, siteUrl }: Template
           <div class="flex items-center ${isLongSiteUrl ? 'flex-col justify-end items-start' : ''}">
             <img
               src="${avatarImageUrl}"
-              width="120"
-              height="120"
-              class="rounded-full mr-8 border-2 border-gray-300"
+              class="w-[120px] h-[120px] rounded-full mr-8 border-2 border-gray-300"
             />
             <div class="flex items-center ${isLongSiteUrl ? 'mt-4 text-3xl' : 'text-4xl'}">
               <div>${siteUrl}</div>