fix styling

Author: guoda-puidokaite

.changeset/wicked-moles-work.md

@@ -0,0 +1,7 @@
+---
+"@cloudoperators/juno-ui-components": minor
+"@cloudoperators/juno-app-example": minor
+---
+
+Implement hover functionality in DataGridRow Juno UI Component and implement the solution in Example App.
+[Issue #1015](https://github.com/cloudoperators/juno/issues/1015)

apps/example/src/components/peaks/list/PeaksListItem.tsx

@@ -49,7 +49,7 @@ const PeaksListItem: React.FC<PeaksListItemProps> = ({ peak, onSelect }) => {
       <DataGridCell onClick={openPanel}>{peak.mainrange}</DataGridCell>
       <DataGridCell onClick={openPanel}>{peak.region}</DataGridCell>
       <DataGridCell onClick={openPanel}>{peak.countries}</DataGridCell>
-      <DataGridCell className={`pt-5 pb-5`}>
+      <DataGridCell className={"pt-5 pb-5"}>
         <PeaksListItemActions peak={peak} onSelect={onSelect} />
       </DataGridCell>
     </DataGridRow>

apps/example/src/styles.css

@@ -3,5 +3,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+@import "@cloudoperators/juno-ui-components/juno-ui-components.css";
 @import "tailwindcss";
 @import "@cloudoperators/juno-ui-components/theme.css";