fix: removed unused packages and upgraded to next 14 (#2944)

* fix: upgrading next package and removed unused deps

* chore: unused variable removed

* chore: next image icon fix

* chore: unused component removed

* chore: next image icon fix

* chore: replace use-debounce with lodash debounce

* chore: unused component removed

* resolved: fixed issue with next link component

* fix: updates in next config

* fix: updating types pages

---------

Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>

web/components/headers/global-issues.tsx

@@ -119,7 +119,7 @@ export const GlobalIssuesHeader: React.FC<Props> = observer((props) => {
           <div className="flex items-center gap-1 p-1 rounded bg-custom-background-80">
             {GLOBAL_VIEW_LAYOUTS.map((layout) => (
               <Link key={layout.key} href={`/${workspaceSlug}/${layout.link}`}>
-                <a>
+                <span>
                   <Tooltip tooltipContent={layout.title}>
                     <div
                       className={`w-7 h-[22px] rounded grid place-items-center transition-all hover:bg-custom-background-100 overflow-hidden group ${
@@ -133,7 +133,7 @@ export const GlobalIssuesHeader: React.FC<Props> = observer((props) => {
                       />
                     </div>
                   </Tooltip>
-                </a>
+                </span>
               </Link>
             ))}
           </div>

web/components/headers/project-issues.tsx

@@ -185,7 +185,7 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
           </FiltersDropdown>
           {projectId && inboxStore.isInboxEnabled && inboxDetails && (
             <Link href={`/${workspaceSlug}/projects/${projectId}/inbox/${inboxStore.getInboxId(projectId)}`}>
-              <a>
+              <span>
                 <Button variant="neutral-primary" size="sm" className="relative">
                   Inbox
                   {inboxDetails.pending_issue_count > 0 && (
@@ -194,7 +194,7 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
                     </span>
                   )}
                 </Button>
-              </a>
+              </span>
             </Link>
           )}
           <Button onClick={() => setAnalyticsModal(true)} variant="neutral-primary" size="sm">