Add full screen view for logs

[tirkarthi]

Related #44663 (comment)

It will be useful to have logs open in full screen view to read the logs. Currently the tab and task details are still present on scroll taking more space. Legacy logs page had more screen space which was useful for our users internally. The implementation is simple that uses dialog to display the same code block with wrap and other styles applied in full screen mode.

Notes for reviewer and self :

• I would opt for removing Dialog.Header section too to get more space or replace log with some other useful information.
• Using an IconButton but can change to button with text "Full Screen" for uniformity.

[bbovenzi]

We should keep the try selector and wrap/unwrap button in the modal

[tirkarthi]

Thanks, I suppose the entire content from can become a component like <LogComponent> and then show FullScreen based on the present inside the dialog or not like below. Are there any other ways to do this idiomatic in react without a separate component?

<Box>
    <LogComponent showFullScreenButton />
    <Dialog>
        <LogComponent />
    </Dialog>
</Box>

[tirkarthi]

I tried copy pasting code to try this out. IMO it still takes up some space with tries, I would prefer selecting the log and then clicking on the fullscreen to utilise the screen space fully.

Full screen with task tries and wrap

Fullscreen without dialog header