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/instance/general-form.tsx

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { Controller, useForm } from "react-hook-form";
 // ui
-import { Button, Input, ToggleSwitch } from "@plane/ui";
+import { Button, Input } from "@plane/ui";
 // types
 import { IInstance, IInstanceAdmin } from "types/instance";
 // hooks

web/components/instance/help-section.tsx

@@ -97,16 +97,13 @@ export const InstanceHelpSection: FC = () => {
               {helpOptions.map(({ name, Icon, href, onClick }) => {
                 if (href)
                   return (
-                    <Link href={href} key={name}>
-                      <a
-                        target="_blank"
-                        className="flex items-center gap-x-2 rounded px-2 py-1 text-xs hover:bg-custom-background-80"
-                      >
+                    <Link href={href} key={name} target="_blank">
+                      <span className="flex items-center gap-x-2 rounded px-2 py-1 text-xs hover:bg-custom-background-80">
                         <div className="grid place-items-center flex-shrink-0">
                           <Icon className="text-custom-text-200 h-3.5 w-3.5" size={14} />
                         </div>
                         <span className="text-xs">{name}</span>
-                      </a>
+                      </span>
                     </Link>
                   );
                 else

web/components/instance/instance-admin-restriction.tsx

@@ -67,12 +67,12 @@ export const InstanceAdminRestriction: FC<InstanceAdminRestrictionProps> = ({ re
     </div>
     <div className="flex items-center justify-center gap-2">
       <Link href={`/${redirectWorkspaceSlug}`}>
-        <a>
+        <span>
           <Button variant="primary" size="sm">
             <LayoutGrid width={16} height={16} />
             To the workspace
           </Button>
-        </a>
+        </span>
       </Link>
     </div>
   </div>

web/components/instance/sidebar-dropdown.tsx

@@ -78,9 +78,9 @@ export const InstanceSidebarDropdown = observer(() => {
               <Tooltip position="bottom-left" tooltipContent="Exit God Mode">
                 <div className="flex-shrink-0">
                   <Link href={`/${redirectWorkspaceSlug}`}>
-                    <a>
+                    <span>
                       <LogIn className="h-5 w-5 text-custom-text-200 rotate-180" />
-                    </a>
+                    </span>
                   </Link>
                 </div>
               </Tooltip>
@@ -119,10 +119,10 @@ export const InstanceSidebarDropdown = observer(() => {
                 {PROFILE_LINKS.map((link) => (
                   <Menu.Item key={link.key} as="button" type="button">
                     <Link href={link.link}>
-                      <a className="flex w-full items-center gap-2 rounded px-2 py-1 hover:bg-custom-sidebar-background-80">
+                      <span className="flex w-full items-center gap-2 rounded px-2 py-1 hover:bg-custom-sidebar-background-80">
                         <link.icon className="h-4 w-4 stroke-[1.5]" />
                         {link.name}
-                      </a>
+                      </span>
                     </Link>
                   </Menu.Item>
                 ))}
@@ -142,9 +142,9 @@ export const InstanceSidebarDropdown = observer(() => {
               <div className="p-2 pb-0">
                 <Menu.Item as="button" type="button" className="w-full">
                   <Link href={`/${redirectWorkspaceSlug}`}>
-                    <a className="flex w-full items-center justify-center rounded px-2 py-1 text-sm font-medium text-custom-primary-100 hover:text-custom-primary-200 bg-custom-primary-100/20 hover:bg-custom-primary-100/30">
+                    <span className="flex w-full items-center justify-center rounded px-2 py-1 text-sm font-medium text-custom-primary-100 hover:text-custom-primary-200 bg-custom-primary-100/20 hover:bg-custom-primary-100/30">
                       Exit God Mode
-                    </a>
+                    </span>
                   </Link>
                 </Menu.Item>
               </div>

web/components/instance/sidebar-menu.tsx

@@ -54,7 +54,7 @@ export const InstanceAdminSidebarMenu = () => {
 
         return (
           <Link key={index} href={item.href}>
-            <a className="block w-full">
+            <span className="block w-full">
               <Tooltip tooltipContent={item.name} position="right" className="ml-2" disabled={!sidebarCollapsed}>
                 <div
                   className={`group flex w-full items-center gap-3 rounded-md px-3 py-2 outline-none ${
@@ -84,7 +84,7 @@ export const InstanceAdminSidebarMenu = () => {
                   )}
                 </div>
               </Tooltip>
-            </a>
+            </span>
           </Link>
         );
       })}