Same kind of coding in the ossnProfile component would suffice. Looks like you want a javascript fly out, right!
Html...

<button id="myButton">Hover me</button>
<div id="myFlyout">
This is the flyout content.</div>

Css...
//#myFlyout {
display: none; /* Hide the flyout initially */
position: absolute;
background-color: white;
border: 1px solid black;
padding: 10px;
}
Javascript...
const button = document.getElementById('myButton');
const flyout = document.getElementById('myFlyout');

button.addEventListener('mouseover', () => {
flyout.style.display = 'block';
});

button.addEventListener('mouseout', () => {
flyout.style.display = 'none';
});

That should do it up nice!

@Allon, thanks but thats what I meant.

I mean to make the profile picture expandable, you open the profile, click on the picture and it expands

See my discussion post!
https://www.opensource-socialnetwork.org/discussion/view/3756/how-do-you-make-the-profile-icon-clickable

https://nlsociaal.nl/u/redegelde

Good one, like that to.
maybe editing the module Fancybox 2.4 its now for the newsfeeds and group active.

https://www.opensource-socialnetwork.org/component/view/369/fancybox