Add a streamlit.code component similar to the streamlit module

[angel0614563]

Description

I hope to add a st.code component similar to the one provided in the streamlit module in the official document of Nicegui, displaying different code blocks and having a one click copy function.

[rodja]

I like the idea. Who want's to create a pull request? Inspiration can be taken from the code-window implementation on nicegui.io:

nicegui/website/demo.py

Lines 68 to 89 in 219da11

	def window(type: WindowType, *, title: str = '', tab: Union[str, Callable] = '', classes: str = '') -> ui.column:
	bar_color = ('#00000010', '#ffffff10')
	color = WINDOW_BG_COLORS[type]
	with ui.card().classes(f'no-wrap bg-[{color[0]}] dark:bg-[{color[1]}] rounded-xl p-0 gap-0 {classes}') \
	.style('box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)'):
	with ui.row().classes(f'w-full h-8 p-2 bg-[{bar_color[0]}] dark:bg-[{bar_color[1]}]'):
	_dots()
	if title:
	ui.label(title) \
	.classes('text-sm text-gray-600 dark:text-gray-400 absolute left-1/2 top-[6px]') \
	.style('transform: translateX(-50%)')
	if tab:
	with ui.row().classes('gap-0'):
	with ui.label().classes(f'w-2 h-[24px] bg-[{color[0]}] dark:bg-[{color[1]}]'):
	ui.label().classes(
	f'w-full h-full bg-[{bar_color[0]}] dark:bg-[{bar_color[1]}] rounded-br-[6px]')
	with ui.row().classes(f'text-sm text-gray-600 dark:text-gray-400 px-6 py-1 h-[24px] rounded-t-[6px] bg-[{color[0]}] dark:bg-[{color[1]}] items-center gap-2'):
	tab() if callable(tab) else ui.label(tab)
	with ui.label().classes(f'w-2 h-[24px] bg-[{color[0]}] dark:bg-[{color[1]}]'):
	ui.label().classes(
	f'w-full h-full bg-[{bar_color[0]}] dark:bg-[{bar_color[1]}] rounded-bl-[6px]')
	return ui.column().classes('w-full h-full overflow-auto')

[falkoschindler]

This is a duplicate of #592.
But I'm not sure what to do about it, since both tickets already collected upvotes.