How to change Custom Fields to the right of the gutemberg editor

I have a custom fields area that is at the end of the text editor. I would like to remove it and place it in a tab on the side of the editor. So I don’t need to scroll down to include a custom field.

Like this:

I have a custom fields area that is at the end of the text editor. I would like to remove it and place it in a tab on the side of the editor. So I don’t need to scroll down to include a custom field.

Like this:

How can I do this ?