update demo name and section title

Author: ZeeshanTamboli

docs/data/material/components/popover/MouseOverPopover.js renamed to docs/data/material/components/popover/MouseHoverPopover.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Popover from '@mui/material/Popover';
 import Typography from '@mui/material/Typography';
 
-export default function MouseOverPopover() {
+export default function MouseHoverPopover() {
   const [anchorEl, setAnchorEl] = React.useState(null);
 
   const handlePopoverOpen = (event) => {

docs/data/material/components/popover/MouseOverPopover.tsx renamed to docs/data/material/components/popover/MouseHoverPopover.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Popover from '@mui/material/Popover';
 import Typography from '@mui/material/Typography';
 
-export default function MouseOverPopover() {
+export default function MouseHoverPopover() {
   const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);
 
   const handlePopoverOpen = (event: React.MouseEvent<HTMLElement>) => {

docs/data/material/components/popover/popover.md

@@ -30,11 +30,11 @@ the position of the popover.
 
 {{"demo": "AnchorPlayground.js", "hideToolbar": true}}
 
-## Mouse over interaction
+## Mouse hover interaction
 
 This demo demonstrates how to use the `Popover` component with `mouseenter` and `mouseleave` events to achieve popover behavior.
 
-{{"demo": "MouseOverPopover.js"}}
+{{"demo": "MouseHoverPopover.js"}}
 
 ## Virtual element