feat: Creates label dropdown component (#2220)

* Feat: Creates label dropdown component

* fixes conflicts in i18n

Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>

app/javascript/shared/components/ui/label/LabelDropdownItem.stories.js

@@ -0,0 +1,39 @@
+import { action } from '@storybook/addon-actions';
+import LabelDropdownItem from './LabelDropdownItem';
+
+export default {
+  title: 'Components/Label/Item',
+  component: LabelDropdownItem,
+  argTypes: {
+    title: {
+      defaultValue: 'sales',
+      control: {
+        type: 'text',
+      },
+    },
+    color: {
+      defaultValue: '#555',
+      control: {
+        type: 'text',
+      },
+    },
+    selected: {
+      defaultValue: true,
+      control: {
+        type: 'boolean',
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { LabelDropdownItem },
+  template:
+    '<label-dropdown-item v-bind="$props" @click="onClick"></label-dropdown-item>',
+});
+
+export const item = Template.bind({});
+item.args = {
+  onClick: action('Selected'),
+};