fix(select): apply overflow hidden to MultiSelect chips

Apply `overflow: hidden` to the chips inside the multiselect
so that it does not grow unnecessary and pushes its internal
components outside the container.

Fixes: #195

Author: Anton Bilovus

packages/core/src/Select/MultiSelect.tsx

@@ -46,12 +46,14 @@ const SelectInsideContainer = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
+  overflow: hidden;
 `
 
 const ChipContainer = styled.div`
   display: flex;
   flex-grow: 1;
   flex-wrap: wrap;
+  overflow: hidden;
 `
 
 const IconsContainer = styled.div`

packages/core/src/Select/__snapshots__/MultiSelect.test.tsx.snap

@@ -218,6 +218,7 @@ exports[`Select Direction 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  overflow: hidden;
 }
 
 .c7 {
@@ -232,6 +233,7 @@ exports[`Select Direction 1`] = `
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
+  overflow: hidden;
 }
 
 .c14 {
@@ -609,6 +611,7 @@ exports[`Select Direction 2`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  overflow: hidden;
 }
 
 .c7 {
@@ -623,6 +626,7 @@ exports[`Select Direction 2`] = `
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
+  overflow: hidden;
 }
 
 .c14 {
@@ -1007,6 +1011,7 @@ exports[`Select Other 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  overflow: hidden;
 }
 
 .c7 {
@@ -1021,6 +1026,7 @@ exports[`Select Other 1`] = `
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
+  overflow: hidden;
 }
 
 .c14 {
@@ -1412,6 +1418,7 @@ exports[`Select Other 2`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  overflow: hidden;
 }
 
 .c7 {
@@ -1426,6 +1433,7 @@ exports[`Select Other 2`] = `
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
+  overflow: hidden;
 }
 
 .c14 {
@@ -1803,6 +1811,7 @@ exports[`Select Width 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  overflow: hidden;
 }
 
 .c7 {
@@ -1817,6 +1826,7 @@ exports[`Select Width 1`] = `
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
+  overflow: hidden;
 }
 
 .c14 {
@@ -2194,6 +2204,7 @@ exports[`Select Width 2`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  overflow: hidden;
 }
 
 .c7 {
@@ -2208,6 +2219,7 @@ exports[`Select Width 2`] = `
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
+  overflow: hidden;
 }
 
 .c14 {
@@ -2617,6 +2629,7 @@ exports[`Select Width 3`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  overflow: hidden;
 }
 
 .c7 {
@@ -2631,6 +2644,7 @@ exports[`Select Width 3`] = `
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
+  overflow: hidden;
 }
 
 .c14 {