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

src/components/pages/home/Projects.tsx

@@ -5,6 +5,8 @@ import { getProjects } from '@/services/projects';
 import ProjectsGrid from '../project/ProjectGrid';
 import Button from '@/components/uikit/button';
 import routeFactory from '@/assets/constants/routeFactory';
+import ProjectsGridView from '../project/projectGridView';
+import ProjectsGridSlider from '../project/projectsGridSlider';
 interface Props {
   locale: TLocales;
 }
@@ -36,8 +38,13 @@ export default async function HomePageProjects({ locale }: Props) {
             </Button>
           </div>
         </div>
+        <div className="mt-10">
+          <ProjectsGridSlider
+            projects={projects.data?.slice(0, 3)}
+            locale={locale}
+          />
+        </div>
 
-        <ProjectsGrid projects={projects.data?.slice(3)} className="mt-10" />
         <Button
           link={routes.projects.route()}
           endIcon="showMore"