title: add border when mouse hovered on MUI v5 table row
body: <p>I created a table with Material UI v5 and now when the mouse pointer hovered on the table row I want to add a blue border to the table row.</p>
  <p>I have tried a lot of ways and searched but I did not find any solution.</p>
  <p>this is what I made so far:</p>
  <p><a href="https://codesandbox.io/s/musing-shirley-s3wii8?file=/demo.tsx" rel="nofollow noreferrer">codesandbox</a></p>