Update CountryDisplay component to improve layout consistency

- Added minWidth style to Flex and inner div elements to ensure proper alignment and prevent overflow issues in the CountryDisplay component.

src/components/Dashboard/common/CountryDisplay.jsx

@@ -13,14 +13,19 @@ const CountryDisplay = ({ countryCode }) => {
   }
 
   return (
-    <Flex gap={'small'} align='center' className='country-display'>
+    <Flex
+      gap={'small'}
+      align='center'
+      className='country-display'
+      style={{ minWidth: 0 }}
+    >
       <Flag
         code={country.code}
         size='middle'
         hasBorder={true}
         borderRadius={5}
       />
-      <div>
+      <div style={{ minWidth: 0 }}>
         <Text ellipsis>{country.name}</Text>
       </div>
     </Flex>