conversation: new item reaction chip

New component to simply display a reaction.

GitLab: #1236

Change-Id: I0ee8245966d232cbcfb30d85ea082b184f607f5c

jami-android/app/src/main/res/layout/item_reaction_chip.xml

+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Wrapping item into linear layout is not the cleanest way to create padding between items. -->
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:padding="2dp">
+
+    <com.google.android.material.chip.Chip
+        android:id="@+id/chip"
+        style="@style/Widget.Material3.Chip.Filter.Elevated"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:elevation="0dp"
+        android:textAppearance="@style/EmojiReactionDetail"
+        app:checkedIconEnabled="false"
+        app:chipEndPadding="0dp"
+        app:chipMinTouchTargetSize="0dp"
+        app:chipStartPadding="0dp"
+        app:textEndPadding="8dp"
+        tools:checked="true"
+        tools:text="🥰" />
+
+</LinearLayout>
\ No newline at end of file

jami-android/app/src/main/res/values/styles.xml

@@ -194,6 +194,9 @@
         <item name="android:typeface">normal</item>
         <item name="android:textColor">@color/textColorSecondary</item>
     </style>
+    <style name="EmojiReactionDetail">
+        <item name="android:textSize">30sp</item>
+    </style>
 
     <!-- Buttons styles -->
     <style name="ButtonColoredInverse" parent="Widget.Material3.Button">