Fix Markdown Processing and Emoji Font Family Fallback

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,6 +1,6 @@
 name: Bug Report
 description: Submit a report to help improve our project. Please write in English.
-title: "{ BUG } Provide a short title for your bug"
+title: "[BUG] Provide a short title for your bug"
 labels: ["bug"]
 body:
   - type: markdown
@@ -43,3 +43,14 @@ body:
       description: Which operating system are you using (e.g., Windows 11/Linux Distro/Steam Deck)?
     validations:
       required: true
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What browsers are you seeing the problem on?
+      multiple: true
+      options:
+        - Chrome (including Arc, Brave, Opera, Vivaldi)
+        - Microsoft Edge
+        - Firefox
+        - Safari
+        - Other (please specify)

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -1,6 +1,6 @@
 name: Feature Request
 description: Request a new feature.
-title: "{ REQUEST} "
+title: "[REQUEST] "
 labels: ["enhancement"]
 body:
   - type: markdown

.github/workflows/build.yml

@@ -8,16 +8,24 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
 
     steps:
       - name: Check out Git repository
         uses: actions/checkout@v4
 
       - name: Install Bun
         uses: oven-sh/setup-bun@v2
+
+      - name: Cache dependencies and Next.js build
+        uses: actions/cache@v4
         with:
-          node-version: 20.18.0
+          path: |
+            ~/.bun/install/cache
+            ${{ github.workspace }}/.next/cache
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/bun.lockb') }}-${{ hashFiles('**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx') }}
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/bun.lockb') }}-
 
       - name: Install dependencies
         run: bun install

.github/workflows/lint.yml

@@ -4,16 +4,14 @@ on: pull_request
 
 jobs:
   lint:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
 
     steps:
       - name: Check out Git repository
         uses: actions/checkout@v4
 
       - name: Install Bun
         uses: oven-sh/setup-bun@v2
-        with:
-          node-version: 20.18.0
 
       - name: Install dependencies
         run: bun install

app/globals.css

@@ -1082,7 +1082,8 @@
 .article g-emoji {
   display: inline-block;
   min-width: 1ch;
-  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+    sans-serif;
   font-size: 1em;
   font-style: normal !important;
   font-weight: 400;

components/blog/ArticleContent.tsx

@@ -9,13 +9,17 @@ export const ArticleContent = ({ article }: { article: Post }) => {
   const [contentHtml, setContentHtml] = useState("");
 
   useEffect(() => {
-    const processContent = async () => {
-      const processedContent = await remark().use(html).process(article.body);
-      setContentHtml(processedContent.toString());
-    };
+    if (typeof window !== "undefined") {
+      // Now we are sure the code runs only in the browser
+      const processContent = async () => {
+        const processedContent = await remark().use(html).process(article.body);
+        setContentHtml(processedContent.toString());
+      };
 
-    processContent();
+      processContent();
+    }
   }, [article]);
+
   return (
     <div>
       <article