issue/4599-add cursor position information down inside the editor area.

[STF-Zero]

End-user friendly description of the problem this fixes or functionality that this introduces

• Include this change in the Release Notes. If checked, you must provide an end-user friendly description for your change below

---

Give a summary of what the PR does, explaining any non-trivial design decisions

This PR add information of where the cursor is inside the editor area. The information goes like:

Row: 4, Column: 15

Here's the implementation:

I've made this change by only modifying

frontend/src/routes/_oh.app._index/code-editor-component.tsx

1. State management: Use React's useState hook to create a state called cursorPosition that stores the position of the cursor (row and column numbers).
2. Register events for cursor position changes: In the handleEditorDidMount callback, use Monaco Editor's onDidChangeCursorPosition event to monitor cursor position changes. When the cursor position changes, this code updates the cursorPosition state, storing the row and column numbers of the current cursor.
   
3. Cursor Position Display: In the component's JSX return, the cursorPosition state is used to dynamically display the current cursor position.
   

---

Link of any specific issues this addresses
source issue issue#4599

[STF-Zero]

@rbren I made a mistake to commit my local built version to the previous branch and the automatical tests didn't make it pass, so I've made a new PR here the same as the previous one.
The only difference is that I change the code to adapt to the prettier code style.

[enyst]

You don't need a new PR for that, if I understand you correctly. When the tests pass after your fixes, we can merge it. Up to you which one you want! Please feel free to close the one you don't want 😀