Add data-origin prop for status bar items

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/status-bar/status-bar.tsx

@@ -22,18 +22,18 @@ const NonInjectedStatusBar = observer(({ items }: Dependencies & StatusBarProps)
   const { left, right } = items.get();
 
   return (
-    <div className={styles.StatusBar}>
+    <div className={styles.StatusBar} data-testid="status-bar">
       <div className={styles.leftSide} data-testid="status-bar-left">
         {left.map((Item, index) => (
-          <div className={styles.item} key={index}>
+          <div className={styles.item} key={index} data-origin={Item.id}>
-            <Item />
+            {<Item.component/>}
           </div>
         ))}
       </div>
       <div className={styles.rightSide} data-testid="status-bar-right">
         {right.map((Item, index) => (
-          <div className={styles.item} key={index}>
+          <div className={styles.item} key={index} data-origin={Item.id}>
-            <Item />
+            {<Item.component/>}
           </div>
         ))}
       </div>