nicolium: enable jsx-a11y and react linter plugins, make them less strict

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/pl-fe/src/features/admin/components/counter.tsx

@@ -76,6 +76,7 @@ const Counter: React.FC<ICounter> = ({
             })}
           >
             {percentChange > 0 && '+'}
+            {/* eslint-disable-next-line react/style-prop-object */}
             <FormattedNumber value={percentChange} style='percent' />
           </span>
         )}

packages/pl-fe/src/features/admin/components/retention.tsx

@@ -93,6 +93,7 @@ const Retention: React.FC<IRetention> = ({ startAt, endAt, frequency }) => {
                     className='bg-primary-200 p-2.5 font-medium dark:bg-gray-800'
                     style={{ ['--tw-bg-opacity' as any]: 0.5 + average / 2 }}
                   >
+                    {/* eslint-disable-next-line react/style-prop-object */}
                     <FormattedNumber value={average} style='percent' />
                   </div>
                 </td>
@@ -120,6 +121,7 @@ const Retention: React.FC<IRetention> = ({ startAt, endAt, frequency }) => {
                     className='bg-primary-200 p-2.5 font-medium dark:bg-gray-800'
                     style={{ ['--tw-bg-opacity' as any]: 0.5 + retention.rate / 2 }}
                   >
+                    {/* eslint-disable-next-line react/style-prop-object */}
                     <FormattedNumber value={retention.rate} style='percent' />
                   </div>
                 </td>

packages/pl-fe/src/features/auth-login/components/consumers-list.tsx

@@ -23,7 +23,7 @@ const ConsumersList: React.FC = () => {
           </Text>
           <HStack space={2}>
             {providers.map((provider) => (
-              <ConsumerButton provider={provider} />
+              <ConsumerButton key={provider} provider={provider} />
             ))}
           </HStack>
         </Stack>