Add menu item not display

It's quite difficult to understand what the bug is and how to reproduce it. May you expand the issue summary and make it clearer?

I have reviewed the Merge Request !21 and following are my observations:

• I have tried to apply this MR as a patch but it failed

• Applied the MR with some other way , it solves the issue where the navigation bar if being placed in some other regions except for primary menu it did not seem to get rendered

• Now after applying the patch , the issue is resolved. Now it works in all regions and the styling also gets improved. One thing to be noted is , for the region named breadcrumb and secondary menu , if placed in it then the navigation menu is not rendered

Attaching screenshots for reference.

Thanks and regards.

Sorry, changing the status to Needs Work.

I have updated the code now. I have attached a screenshot showing which search form I have chosen for the updated search block.
I have also added a screenshot of the block layout, indicating which block I have placed in each region. In the header, I have placed the site branding. In the primary menu, I have placed the main navigation and the 'Search here' block. I have placed the breadcrumb in its own region.
I have styled both the breadcrumbs and the main navigation, and I have attached screenshots for these as well.

I've checked the issue on D10.3 & tried to apply the patch but it wasn't applied conventionally.

curl https://git.drupalcode.org/project/dempo/-/merge_requests/21.diff | git apply -v
  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100  8630    0  8630    0     0  10928      0 --:--:-- --:--:-- --:--:-- 10937
<stdin>:11: trailing whitespace.
#block-dempo-main-menu { 
<stdin>:12: trailing whitespace.
	height: 54px; 
<stdin>:144: trailing whitespace, space before tab in indent.
 	.navbar-brand.v2 { display: none;}    
<stdin>:156: trailing whitespace.
  #block-sitebranding { display: none; }    
<stdin>:178: trailing whitespace.
    }  
Checking patch css/navigation.css...
error: while searching for:
/* NAVIGATION */

.nav-link { padding: 15px 20px !important; }
.nav-link.is-active, .nav-link:hover { background: var(--bgcolor); color: #eee; }
#block-dempo-main-menu { height: 54px;  background: var(--bs-dark); }

.nav-item a { color: #eee; }
.dropdown-menu .nav-item a { color: #666; }
.nav-item.dropdown a:hover { color: #eee; }
.navbar-nav li.dropdown-menu { padding: 0; border: none; }
.navbar-nav .dropdown-menu { box-shadow: 2px 2px 10px rgba(0,0,0,0.5); border-radius: 0; padding: 0; border: none;}


.navbar-brand {
	background: white;
	margin: -0;

error: patch failed: css/navigation.css:1
error: css/navigation.css: patch does not apply
Checking patch templates/block/block--dempo-main-menu.html.twig...
error: while searching for:
  {% if not configuration.label_display %}
    {% set title_attributes = title_attributes.addClass('sr-only') %}
  {% endif %}
  <h2{{ title_attributes.setAttribute('id', heading_id) }}>{{ configuration.label }}</h2>
  
  <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar">
    <span class="navbar-toggler-icon"></span>
  </button>

  <a class="navbar-brand" href="/"><img class="" src="{{ site_logo }}"></a>
  
  <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
      <div class="offcanvas-header">

error: patch failed: templates/block/block--dempo-main-menu.html.twig:51
error: templates/block/block--dempo-main-menu.html.twig: patch does not apply
Checking patch templates/block/block--dempo-search.html.twig...
Checking patch templates/block/block--search.html.twig...
Checking patch templates/system/page.html.twig...
error: while searching for:
    {# Header #}
        {% block header %}
          <div class="header-wrapper clearfix" role="heading">
            <div class="{{ header_fluid_class }}">
              <div class="row header-inner align-items-center">
                
                {% if page.branding %}

error: patch failed: templates/system/page.html.twig:80
error: templates/system/page.html.twig: patch does not apply

Somehow, I tried to check those changes by visiting the fork branch but got this error:

Attaching ss after installation: