display country flag along with item name

.gitignore

@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env

frontend/json/runtimeError.json

@@ -0,0 +1 @@
+{}

frontend/src/components/KanbanBoard/KanbanCard.tsx

@@ -3,6 +3,8 @@ import Link from 'next/link';
 import moment from 'moment';
 import ListActionsPopover from '../ListActionsPopover';
 import { DragSourceMonitor, useDrag } from 'react-dnd';
+import countryFlags from './countryFlags';
+
 
 type Props = {
   item: any;
@@ -42,6 +44,7 @@ const KanbanCard = ({
           href={`/${entityName}/${entityName}-view/?id=${item.id}`}
           className={'text-base font-semibold'}
         >
+          {countryFlags[item.country] ? `${countryFlags[item.country]} ` : ''}
           {item[showFieldName] ?? 'No data'}
         </Link>
       </div>

frontend/src/components/KanbanBoard/countryFlags.ts

@@ -0,0 +1,31 @@
+const countryFlags: { [key: string]: string } = {
+  Germany: '🇩🇪',
+  France: '🇫🇷',
+  Spain: '🇪🇸',
+  Italy: '🇮🇹',
+  Netherlands: '🇳🇱',
+  Belgium: '🇧🇪',
+  Sweden: '🇸🇪',
+  Poland: '🇵🇱',
+  Romania: '🇷🇴',
+
+  Portugal: '🇵🇹',
+  Ireland: '🇮🇪',
+  Greece: '🇬🇷',
+  'Czech Republic': '🇨🇿',
+  USA: '🇺🇸',
+  UK: '🇬🇧',
+
+  'United Kingdom': '🇬🇧',
+  'United States': '🇺🇸',
+  Canada: '🇨🇦',
+  Australia: '🇦🇺',
+  Brazil: '🇧🇷',
+  Argentina: '🇦🇷',
+  Mexico: '🇲🇽',
+  Chile: '🇨🇱',
+  India: '🇮🇳',
+  Pakistan: '🇵🇰',
+};
+
+export default countryFlags;