Как я могу сделать такой же textarea или input?

Иконки можно абсолюно спозиционировать, или сделать им враппер и прижать вправо-вверх.
почему div contenteditable а не input? Потому что если вы хотите вводить несколько строк, вставлять смайлики, гифки, подсвечивать ссылки, и всякое такое, то это невозможно с инпутом, зато вполне работает с contenteditable.

но там же три иконки ?_? скрепка, фотик и смайлик...

что бы сделать как на картинке - создаем какой-то враппер
в него закидываем инпут и наши иконки, наверное, тоже инпуты(скрепка, по крайней мере - точно инпут, а фотик и смайлик - кнопки, наверное)
у враппера задаем позишн релатив, дисплей флекс и align-items:center, а этим 3м элементам - позишн абсолют
и каждому из них надо задать какой-то right

еще вариавнт сделать 1 враппер с позишн релатив, дисплей флекс и алаин итемс центер
в этот враппер положить инпут и див.
див будет дисплей флекс и позишн абсолют
внутри дива будут эти 3 элемента со своими стилями

2й вариант даже проще будет(при адаптиве надо будет позиционировать 1 элемент, а не 3)

p.s. это всего лишь вариант решения сонного и неопытного верстальщика, не принимайте близко к сердцу)))