Move destructuring of the props into function SidebarSubmenuItem

Signed-off-by: hiba-aldalaty <hibaaldalaty@gmail.com>

packages/core-components/api-report.md

@@ -1994,12 +1994,9 @@ export const SidebarSubmenu: ({
 }: PropsWithChildren<SidebarSubmenuProps>) => JSX.Element;
 
 // @public
-export const SidebarSubmenuItem: ({
-  title,
-  to,
-  icon: Icon,
-  dropdownItems,
-}: SidebarSubmenuItemProps) => JSX.Element;
+export const SidebarSubmenuItem: (
+  props: SidebarSubmenuItemProps,
+) => JSX.Element;
 
 // @public
 export type SidebarSubmenuItemProps = {

packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx

@@ -113,12 +113,8 @@ export type SidebarSubmenuItemProps = {
  *
  * @public
  */
-export const SidebarSubmenuItem = ({
-  title,
-  to,
-  icon: Icon,
-  dropdownItems,
-}: SidebarSubmenuItemProps) => {
+export const SidebarSubmenuItem = (props: SidebarSubmenuItemProps) => {
+  const { title, to, icon: Icon, dropdownItems } = props;
   const classes = useStyles();
   const { pathname: locationPathname } = useLocation();
   const { pathname: toPathname } = useResolvedPath(to);