refactor: resturcture files so that lincensing info can be bundled properly

scss/components/item/_item_header.scss

@@ -0,0 +1,51 @@
+/*
+ * SPDX-FileCopyrightText: 2021 Johannes Loher
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+@use "../../utils/colors";
+@use "../../utils/mixins";
+
+.ds4-item-header {
+    align-items: center;
+    display: flex;
+    gap: 1em;
+
+    &__img {
+        border: none;
+        cursor: pointer;
+        height: 100px;
+        width: 100px;
+    }
+
+    &__data {
+        flex: 1;
+    }
+
+    &__type {
+        @include mixins.font-heading-upper;
+        border: none;
+        color: colors.$c-light-grey;
+        margin-bottom: 0;
+    }
+
+    &__name {
+        border: none;
+        margin: 0;
+    }
+
+    &__name-label {
+        display: none;
+    }
+
+    &__name-input[type="text"] {
+        @include mixins.font-heading-upper;
+        background-color: transparent;
+        border: none;
+        font-size: 1.25em;
+        height: auto;
+        padding-left: 0;
+        padding-right: 0;
+    }
+}

scss/components/item/_item_properties.scss

@@ -0,0 +1,21 @@
+/*
+ * SPDX-FileCopyrightText: 2021 Johannes Loher
+ * SPDX-FileCopyrightText: 2021 Gesina Schwalbe
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+@use "../../utils/mixins";
+@use "../../utils/variables";
+
+.ds4-item-properties {
+    @include mixins.mark-invalid-or-disabled-input;
+
+    &__title {
+        border-bottom: variables.$border-groove;
+        font-weight: bold;
+        margin-bottom: 0;
+        margin-top: 1em;
+        padding-left: 1em;
+    }
+}

scss/components/item/_item_sheet.scss

@@ -0,0 +1,10 @@
+/*
+ * SPDX-FileCopyrightText: 2021 Johannes Loher
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+.ds4-item-sheet {
+    min-height: 400px;
+    min-width: 540px;
+}