Add FileTag QML component

Signed-off-by: Claudio Cambra <claudio.cambra@nextcloud.com>

resources.qrc

@@ -11,6 +11,7 @@
         <file>src/gui/filedetails/FileDetailsPage.qml</file>
         <file>src/gui/filedetails/FileDetailsView.qml</file>
         <file>src/gui/filedetails/FileDetailsWindow.qml</file>
+        <file>src/gui/filedetails/FileTag.qml</file>
         <file>src/gui/filedetails/NCInputTextEdit.qml</file>
         <file>src/gui/filedetails/NCInputTextField.qml</file>
         <file>src/gui/filedetails/NCTabButton.qml</file>

src/gui/filedetails/FileTag.qml

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2023 by Claudio Cambra <claudio.cambra@nextcloud.com>
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+ * for more details.
+ */
+
+import QtQuick 2.15
+
+import Style 1.0
+import "../tray"
+
+Rectangle {
+    property alias text: internalLabel.text
+
+    border.color: Style.lightHover
+    border.width: Style.normalBorderWidth
+
+    radius: Style.veryRoundedButtonRadius
+
+    EnforcedPlainTextLabel {
+        id: internalLabel
+
+        anchors.fill: parent
+
+        color: Style.ncSecondaryTextColor
+        elide: Text.ElideRight
+    }
+}