404 NGNIX ERROR PAGE AFTER REFRESH ON AWC EC2 SERVER RUNNING ANGULAR APP VHOST ISSUE

i am running bello premium script on my EC2 aws powered by cloudpanel. but after i apply this code to my vhost, when it successfully loads the mobile website which is based on Angular, when you refresh the website it goes to 404 error page on mobile. see this link to see the code the author of script adviced [https://premiumdatingscript.com/support/docs/is-nginx-available][1]

the issue only happens to the mobile website version

this is my complete vhost after i apply authors code.

  listen 80;
  listen [::]:80;
  listen 443 ssl http2;
  listen [::]:443 ssl http2;
  {{ssl_certificate_key}}
  {{ssl_certificate}}
  server_name hookups.ng www1.hookups.ng;
  {{root}}



  {{nginx_access_log}}
  {{nginx_error_log}}

  if ($scheme != "https") {
    rewrite ^ https://$host$uri permanent;
  }

  location ~ /.well-known {
    auth_basic off;
    allow all;
  }

  

try_files $uri $uri/ /index.php?$args;
  index index.php index.html;

 location ~ \.php$ {
    include fastcgi_params;
    fastcgi_intercept_errors on;
    fastcgi_index index.php;
    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
    try_files $uri =404;
    fastcgi_read_timeout 3600;
    fastcgi_send_timeout 3600;
    fastcgi_param HTTPS $fastcgi_https;
    fastcgi_pass 127.0.0.1:{{php_fpm_port}};
    fastcgi_param PHP_VALUE "{{php_settings}}";
  }

  location ~* ^.+\.(css|js|jpg|jpeg|gif|png|ico|gz|svg|svgz|ttf|otf|woff|woff2|eot|mp4|ogg|ogv|webm|webp|zip|swf)$ {
    add_header Access-Control-Allow-Origin "*";
    expires max;
    access_log off;
  }
  
  ### START Tweak for Ballo ###
    autoindex off;

location / {
rewrite ^/([A-Za-z0-9-]+)/?$ /index.php?page=$1;
rewrite ^/@([A-Za-z0-9_.]+)/?$ /index.php?page=profile&id=$1;
rewrite ^/@([A-Za-z0-9-]+)/([A-Za-z0-9-]+)?$ /index.php?page=profile&id=$1&s=$2;
}

location /profile {
rewrite ^/profile/([0-9]+)/([A-Za-z0-9-]+)/?$ /index.php?page=profile&id=$1;
}

location /administrator {
rewrite ^/administrator/editor/theme/([A-Za-z0-9-]+)/([A-Za-z0-9-]+)/?$ /administrator/editor/index.php?theme=$1&preset=$2;
rewrite ^/administrator/([A-Za-z0-9-]+)/?$ /index.php?page=admin&p=$1;
}

location /m_profile {
rewrite ^/m_profile/([0-9]+)/([A-Za-z0-9-]+)/?$ /mobile.php?page=profile&id=$1;
}

location /chat {
rewrite ^/chat/([0-9]+)/([A-Za-z0-9-]+)/?$ /index.php?page=chat&id=$1;
}

location /search {
rewrite ^/search/([A-Za-z0-9-]+)/?$ /index.php?page=logout;
rewrite ^/search/([A-Za-z0-9-]+)/([A-Za-z0-9-]+)/?$ /index.php?page=logout;
}

location /mobile {
rewrite ^/mobile/([0-9]+)/([A-Za-z0-9-]+)/?$ /index.php?page=&id=$1;
}



    ### END Tweak for Ballo ###

  if (-f $request_filename) {
    break;
  }
}```


please help me figure out what is really wrong, as i have tried all my possible best to figure out what is wrong with my vhost and i can not find a solution to fix this troubling issue


  [1]: https://premiumdatingscript.com/support/docs/is-nginx-available