feat: lazy load icons

src/components/Post.tsx

@@ -1,5 +1,6 @@
 import { Component, JSX, Show, createSignal } from 'solid-js';
 
+import LazyLoad from '@/components/utils/LazyLoad';
 import useDetectOverflow from '@/hooks/useDetectOverflow';
 import useFormatDate from '@/hooks/useFormatDate';
 import { useTranslation } from '@/i18n/useTranslation';
@@ -41,7 +42,11 @@ const Post: Component<PostProps> = (props) => {
           }}
         >
           <Show when={author()?.picture} keyed>
-            {(url) => <img src={url} alt="icon" class="h-full w-full rounded object-cover" />}
+            {(url) => (
+              <LazyLoad>
+                {() => <img src={url} alt="icon" class="h-full w-full rounded object-cover" />}
+              </LazyLoad>
+            )}
           </Show>
         </button>
         <div class="min-w-0 flex-auto">