benim gözler gitti galiba görmemişim kusura bakma :)

her sayfaya id vererek bu işlemi yaptırmak bence mantıksız olur.
sonuçta sayfalardaki veriler dinamik olacağı için.

function pagination($current_page, $total_pages, $page_url)
{
    $pagination = '';
    if($total_pages > 0 && $total_pages != 1 && $current_page <= $total_pages){
        $pagination .= '<ul>';

        $right_links    = $current_page + 3;
        $previous       = $current_page - 1;
        $next           = $current_page + 1;
        $first_link     = true;

        if($current_page > 1){
			$previous_link = ($previous==0)?1:$previous;
            $pagination .= '<li><a href="'.$page_url.'/1">İlk</a></li>';
            $pagination .= '<li><a href="'.$page_url.'/'.$previous_link.'">Önceki</a></li>';
                for($i = ($current_page-2); $i < $current_page; $i++){
                    if($i > 0){
                        $pagination .= '<li><a href="'.$page_url.'/'.$i.'">'.$i.'</a></li>';
                    }
                }
            $first_link = false;
        }

        if($first_link){
            $pagination .= '<li class="active">'.$current_page.'</li>';
        }elseif($current_page == $total_pages){
            $pagination .= '<li class="active">'.$current_page.'</li>';
        }else{ //regular current link
            $pagination .= '<li class="active">'.$current_page.'</li>';
        }

        for($i = $current_page+1; $i < $right_links ; $i++){
            if($i<=$total_pages){
                $pagination .= '<li><a href="'.$page_url.'/'.$i.'">'.$i.'</a></li>';
            }
        }
        if($current_page < $total_pages){
				$next_link = ($next > $total_pages)? $total_pages : $next;
                $pagination .= '<li><a href="'.$page_url.'/'.$next_link.'">İleri</a></li>';
                $pagination .= '<li><a href="'.$page_url.'/'.$total_pages.'">Son</a></li>';
        }

        $pagination .= '</ul>';
    }
    return $pagination;
}

$pageLength = 10; // sayfa başına gösterilecek veri miktarı
$data = []; // DB den gelen veri
$page = 1; // urlden gelen parametre
$pages = ceil($data/$pageLength);

if($page < 1) {
    $page = 1;
}
if($page > $pages){
    $page = $pages;
}
echo pagination($page, $pages, "http://localhost");

Veya https://datatables.net/ bunuda kullanabilirsin.

@reqres 'in yazdığına ek olarak şöyle bir fonksiyonda kullanabilirsin. tüm alt kategorileri yazdırır.

function writeMenu($menus)
    {
        $html = '<ul>';
        foreach($menus as $menu)
        {
            $html .= '<li><a href="'. $menu["href"] .'">'. $menu["label"] . '</a></li>';
            if(!empty($menu["submenu"]))
            {
                $html .= writeMenu($menu["submenu"]);
            }
        }
        $html .= '</ul>';
        return $html;
    }

https://github.com/dominicklee/PHP-MySQL-Sessions/blob/master/mysql.sessions.php
buradaki class biraz düzenlemeyle işine yarayabilir.
dbye kayıt ederken ek olarak user_id'sinide girersin.

composer update komutunu çalıştırıp tekrar denermisin.

önde durmasını istediğin yere z-index: 2; değeri ver.ben örnek olsun diye 2 yazdım daha yüksek birşeyde yazabilirsin.

.profile-setting classını böyle güncelleyip denermisin.

.profile .profile-setting {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}

https://www.w3schools.com/cssref/pr_pos_overflow.asp
https://www.w3schools.com/cssref/css3_pr_overflow-x.asp
https://www.w3schools.com/cssref/css3_pr_overflow-y.asp

/* y eksenindeki scroll'u gizler */
overflow-y:hidden;
/* x eksenindeki scroll'u gizler */
overflow-x:hidden;
/* her iki eksendeki scroll'u gizler */
overflow:hidden;