fix HeaderDropdown @media style not working (#10669)

src/components/HeaderDropdown/index.tsx

@@ -12,7 +12,7 @@ export type HeaderDropdownProps = {
 const HeaderDropdown: React.FC<HeaderDropdownProps> = ({ overlayClassName: cls, ...restProps }) => {
   const className = useEmotionCss(({ token }) => {
     return {
-      [`@media screen and (max-width: ${token.screenXS})`]: {
+      [`@media screen and (max-width: ${token.screenXS}px)`]: {
         width: '100%',
       },
     };