New way to render lists by using the declared static constants

NUl.jsx

import { leftsidebarLinks } from '@/constants';

type INavLink = {
    imgURL: string;
    route: string;
    label: string;
  };
  

const LeftSidebar = () => {
  return (
    <nav className='leftsidebar'>
        <ul className='flex flex-col gap-6'>
          {leftsidebarLinks.map((link: INavLink) => {
            return (
              <li key={link.label} className='leftsidebar-link'>
                <NavLink to={link.route}>
                  {link.label}
                </NavLink>
              </li>
            )
          })}
        </ul>
    </nav>
  )
}

export default LeftSidebar;