Horizontal scrolling in mobile mode for projects and blogs and add favicon

src/components/pages/home/HomePageBlog.tsx

@@ -4,7 +4,7 @@ import { TLocales } from '@/models/layout';
 import Button from '@/components/uikit/button';
 import routeFactory from '@/assets/constants/routeFactory';
 import { getPosts } from '@/services/blog';
-import PostsGridView from '../blog/PostsGridView';
+import PostsGridViewSlider from '../blog/postsGridViewSlider';
 interface Props {
   locale: TLocales;
   className?: string;
@@ -38,8 +38,11 @@ export default async function HomePageBlog({ locale, className }: Props) {
           </div>
         </div>
 
-        <div className="mt-10 grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6 lg:grid-cols-3 lg:gap-8">
-          <PostsGridView posts={posts.data?.slice(0, 3)} locale={locale} />
+        <div className="mt-10">
+          <PostsGridViewSlider
+            posts={posts.data?.slice(0, 3)}
+            locale={locale}
+          />
         </div>
         <Button
           link={routes.blog.route()}