update loyalty icon place

src/components/ItemDescriptionIcons/ItemDescriptionIcons.module.css

@@ -1,3 +1,14 @@
 .descIcon {
   margin: 0 5px 0 0;
-}
+}
+
+.descIconsContainer {
+  position: relative;
+  top: 3px;
+}
+
+.itemDescriptionIconsContainer {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+}

src/components/ItemDescriptionIcons/ItemDescriptionIcons.tsx

@@ -3,15 +3,19 @@ import DescIcon2 from "components/Icons/item/DescIcon2";
 import DescIcon3 from "components/Icons/item/DescIcon3";
 import { useAppSelector } from "redux/hooks";
 import styles from "./ItemDescriptionIcons.module.css";
+import StarIcon from "components/Icons/StarIcon";
 
-export function ItemDescriptionIcons({ className }: { className?: string }) {
+export function ItemDescriptionIcons({ className, hasLoyalty }: { className?: string, hasLoyalty?: boolean }) {
   const { themeName } = useAppSelector((state) => state.theme);
   const pathColor = themeName === "dark" ? "white" : "#000044";
   return (
-    <div className={className}>
-      <DescIcon1 className={styles.descIcon} pathColor={pathColor} />
-      <DescIcon2 className={styles.descIcon} pathColor={pathColor} />
-      <DescIcon3 className={styles.descIcon} pathColor={pathColor} />
+    <div className={className + " " + styles.itemDescriptionIconsContainer}>
+      {hasLoyalty && <StarIcon className={styles.starIcon} />}
+      <span className={styles.descIconsContainer}>
+        <DescIcon1 className={styles.descIcon} pathColor={pathColor} />
+        <DescIcon2 className={styles.descIcon} pathColor={pathColor} />
+        <DescIcon3 className={styles.descIcon} pathColor={pathColor} />
+      </span>
     </div>
   );
 }