rename prop

Author: knownasilya

app/components/sidebar-layout.js

@@ -3,8 +3,7 @@ import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 
 export default class SidebarLayoutComponent extends Component {
-  @tracked isOpen = true;
-  @tracked isSidebarOpen = this.args.isSidebarOpen;
+  @tracked isMobileMenuOpen = true;
 
   @action
   updateSidebar(isOpen) {

app/templates/components/sidebar-layout.hbs

@@ -1,11 +1,11 @@
 <div class="sidebar-layout" ...attributes>
   {{#if @isSidebarOpen}}
     <div class="sidebar">
-      <button class="btn toggle-mobile" {{on "click" (fn (mut this.isOpen) (not this.isOpen))}}>
-        {{if this.isOpen "Close" "Open"}} Menu
+      <button class="btn toggle-mobile" {{on "click" (fn (mut this.isMobileMenuOpen) (not this.isMobileMenuOpen))}}>
+        {{if this.isMobileMenuOpen "Close" "Open"}} Menu
       </button>
 
-      {{#if this.isOpen}}
+      {{#if this.isMobileMenuOpen}}
         <div class="toggleable-menu">
           {{#if @sidebarComponent}}
             {{component @sidebarComponent