Иван

1. Верстаете кнопку, вешаете на нее событие клика на js
   
2. При срабатывании события делаете fetch/ajax запрос на обработчик, передаете параметры последнего сообщения (id последнего сообщения) и в sql ... LIMIT $start, 10 (или limit + offset)
   
3. Обработчик получает запрос с параметрами, проверяет, делает запрос в базу с параметрами, отдает ответ обратно на фронт с новыми данными
   
4. На фронт прилетают данные, вставляете в нужное место в dom
   

clip-path: polygon(53% 0, 100% 0, 100% 49%, 100% 100%, 53% 100%, 52% 49%, 0 49%, 0 0);

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()]
})

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'

createApp(App).mount('#app')

<template>
  <div>
    Hi
  </div>
</template>

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag) => ['md-linedivider'].includes(tag),
        }
      }
    })
  ]
})

• В соц сетях опубликуйте свое резюме, портфолио, чем вы можете быть полезны, с просьбой посоветовать себя кому-нибудь.
  
• Составить резюме на hh.ru , career.habr.com , superjob . Предварительно посмотрите на ютуб ролики на эту тему, много подсказок найдете.
  
• В телеграмме, в вк поищите группы / каналы где выкладывают вакансии — публикуйтесь там, предлагайте себя.
  
• На фриланс биржах оформите свое портфолио, откликайтесь на задачи — делайте. Посмотрите у меня в профиле , был вопрос на эту тему, я давал ссылки на фриланс биржи.
  
• Откликайтесь на вакансии, на задачи, предлагайте себя, продавайте себя)
  

#td-outer-wrap .tdc-header-wrap  {
  position: fixed;
  width: 100%;
  z-index: 1;
}

#td-outer-wrap .td-main-content-wrap {
   margin-top: 150px;
}

$APPLICATION->IncludeFile(
        '/include/main.php',
        [],
        ["MODE" => "php"]
    );

use Bitrix\Main\Loader; 
use Bitrix\Highloadblock as HL; 
use Bitrix\Main\Entity;

Loader::includeModule("highloadblock"); //это если мы не в контексте приложения, допустим отдельный класс для api 
$hlbl = 1; // ID highloadblock
$hlblock = HL\HighloadBlockTable::getById($hlbl)->fetch(); 

$entity = HL\HighloadBlockTable::compileEntity($hlblock); 
$entity_data_class = $entity->getDataClass(); 

$rsData = $entity_data_class::getList(array(
   "select" => array("*"),
   "order" => array("ID" => "ASC"),
   "filter" => array("UF_P_ID" => "1") // если нужна фильтрация по полям
));
// элементы уже можно получить разным способом,  fetchAll, fetchCollection ,  посмотрите доку
//или как ниже

while($arData = $rsData->Fetch())
{
   var_dump($arData);
}

jQuery(function($){
	$(document).mouseup( function(e){ // событие клика по веб-документу
		var div = $( "#popup" ); // тут указываем ID элемента
		if ( !div.is(e.target) // если клик был не по нашему блоку
		    && div.has(e.target).length === 0 ) { // и не по его дочерним элементам
			div.hide(); // скрываем его
		}
	});
});