[FR] Improving viewing image experience

I hope the video would be easier to understand than text: https://youtu.be/dwVnCEe2gVg

In the video I'm using this thread: https://phanpy.social/#/pkm.social/s/110169741586783061
And this is the comment I want to view comfortably (without having to click into it): https://phanpy.social/#/pkm.social/s/110182364639376007

In short I want the text panel that takes up the right half of the screen to stay intact when you open an image (less transitioning is better). The image will take up the left half of the screen. There's just so much space around an image in the current layout while the text is squished to the right. If users want to view the full original image they still have the option to view original media:


A few minor points to improve:
- When having the image takes up the left half of the screen, resize the image to make it fit the entire viewing panel (I'm assuming that when the viewer click into an image they want to see it clearly and you may not agree with this)
- I'm thinking of people post high-resolution images and maybe that's why you want the image panel to take up that much space? So maybe having the width of the image pane adjustable by dragging it?

If any of the above is hard to implement, just doing this https://github.com/cheeaun/phanpy/issues/99 is already a good improvement.

Thanks so much!

Start by reviewing the image-viewing layout described in the issue, along with the linked discussion and issue #99. Compare the current behavior with the supplied video and screenshots; done means the text panel remains intact while the image occupies the left viewing area, with the requested sizing or resizing behavior addressed.

Written by the indexing model from the issue text.