Introduce accent for chips (#911)

* Introduce accent for chips

* Add top bar on Mobile on Settings pages

* Various fixes

* Fix according to peer review

front/src/modules/ui/chip/components/EntityChip.tsx

@@ -12,14 +12,21 @@ type OwnProps = {
   name: string;
   pictureUrl?: string;
   avatarType?: AvatarType;
+  variant?: EntityChipVariant;
 };
 
+export enum EntityChipVariant {
+  Regular = 'regular',
+  Transparent = 'transparent',
+}
+
 export function EntityChip({
   linkToEntity,
   entityId,
   name,
   pictureUrl,
   avatarType = 'rounded',
+  variant = EntityChipVariant.Regular,
 }: OwnProps) {
   const navigate = useNavigate();
 
@@ -35,7 +42,13 @@ export function EntityChip({
     <div onClick={handleLinkClick}>
       <Chip
         label={name}
-        variant={linkToEntity ? ChipVariant.Highlighted : ChipVariant.Regular}
+        variant={
+          linkToEntity
+            ? variant === EntityChipVariant.Regular
+              ? ChipVariant.Highlighted
+              : ChipVariant.Regular
+            : ChipVariant.Transparent
+        }
         leftComponent={
           <Avatar
             avatarUrl={pictureUrl}