fix: quick typo fix (#6167)

src/components/dropdownMenu/DropdownMenuItem.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import {
-  getDrodownMenuItemClassName,
+  getDropdownMenuItemClassName,
   useHandleDropdownMenuItemClick,
 } from "./common";
 import MenuItemContent from "./DropdownMenuItemContent";
@@ -26,7 +26,7 @@ const DropdownMenuItem = ({
       {...rest}
       onClick={handleClick}
       type="button"
-      className={getDrodownMenuItemClassName(className)}
+      className={getDropdownMenuItemClassName(className)}
       title={rest.title ?? rest["aria-label"]}
     >
       <MenuItemContent icon={icon} shortcut={shortcut}>

src/components/dropdownMenu/DropdownMenuItemLink.tsx

@@ -1,7 +1,7 @@
 import MenuItemContent from "./DropdownMenuItemContent";
 import React from "react";
 import {
-  getDrodownMenuItemClassName,
+  getDropdownMenuItemClassName,
   useHandleDropdownMenuItemClick,
 } from "./common";
 
@@ -29,7 +29,7 @@ const DropdownMenuItemLink = ({
       href={href}
       target="_blank"
       rel="noreferrer"
-      className={getDrodownMenuItemClassName(className)}
+      className={getDropdownMenuItemClassName(className)}
       title={rest.title ?? rest["aria-label"]}
       onClick={handleClick}
     >

src/components/dropdownMenu/common.ts

@@ -6,7 +6,7 @@ export const DropdownMenuContentPropsContext = React.createContext<{
   onSelect?: (event: Event) => void;
 }>({});
 
-export const getDrodownMenuItemClassName = (className = "") => {
+export const getDropdownMenuItemClassName = (className = "") => {
   return `dropdown-menu-item dropdown-menu-item-base ${className}`.trim();
 };