feat: add next link

lighthouserc.js

@@ -3,7 +3,8 @@ module.exports = {
     collect: {
       startServerCommand: "yarn start",
       url: ["http://localhost:3000"],
-      numberOfRuns: 5,
+      numberOfRuns: 2,
+      // headful: true,
       // default value is mobile
       // settings: {
       //   preset: "desktop",
@@ -12,7 +13,7 @@ module.exports = {
     assert: {
       // Using loose settings for now. Should be tightened for production builds.
       assertions: {
-        'first-contentful-paint': ['error', { maxNumericValue: 4000 }],
+        'first-contentful-paint': ['error', { maxNumericValue: 2500 }],
         'categories:performance': ['error', { minScore: 0.90 }],
         'categories:accessibility': ['error', { minScore: 0.90 }],
         'categories:best-practices': ['error', { minScore: 0.90 }],

src/containers/Repos/index.tsx

@@ -1,5 +1,5 @@
 import { Container, CustomCard, If, T } from "@common";
-import { Box, Divider, Link, OutlinedInput, Pagination, FormControl, InputLabel } from "@mui/material";
+import { Box, Divider, OutlinedInput, Pagination, FormControl, InputLabel } from "@mui/material";
 import { ErrorState, RepoList } from "@features/repos/components";
 import { IRepoError } from "@features/repos/types";
 import React, { memo, useEffect, useState } from "react";
@@ -9,6 +9,7 @@ import { useRouter } from "next/router";
 import { Trans } from "@lingui/macro";
 import { skipToken } from "@reduxjs/toolkit/query";
 import styled from "@emotion/styled";
+import Link from "next/link";
 
 interface RepoContainerProps {
   padding?: number;