fix linting & building errors

import { Avatar, Card, CardBody } from "@nextui-org/react";

import React from "react";

const items = [

  {

  DropdownTrigger,

  NavbarItem,

} from "@nextui-org/react";

import React from "react";

// import { NotificationIcon } from "../icons/navbar/notificationicon";

export const NotificationsDropdown = () => {

  DropdownItem,

  DropdownMenu,

  DropdownTrigger,

  Navbar,

  NavbarItem,

} from "@nextui-org/react";

import React from "react";

// import { DarkModeSwitch } from "./darkmodeswitch";

export const UserDropdown = () => {

import React, { useState } from "react";

import { useState } from "react";

import { Sidebar } from "./sidebar.styles";

import { SidebarItem } from "./sidebar-item";

import { SidebarMenu } from "./sidebar-menu";

"use client";

import React, { useState } from "react";

import React from "react";

// import { ChevronUpIcon } from "../icons/sidebar/chevron-up-icon";

import { Accordion, AccordionItem } from "@nextui-org/react";

import clsx from "clsx";

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

import { faChevronDown, faChevronUp } from "@fortawesome/free-solid-svg-icons";

import { faChevronDown } from "@fortawesome/free-solid-svg-icons";

interface Props {

  icon: React.ReactNode;

}

export const CollapseItems = ({ icon, items, title }: Props) => {

  const [open, setOpen] = useState(false);

  return (

    <div className="flex gap-4 h-full items-center cursor-pointer">

      <Accordion className="px-0">