UX: hide the draggable icon in the sidebar form on mobile (#25738)

Drag and drop link works only on desktop. Therefore, the drag icon should be hidden on mobile.

app/assets/javascripts/discourse/app/components/sidebar/section-form-link.hbs

@@ -13,9 +13,11 @@
   {{on "drop" this.dropItem}}
   role="row"
 >
-  <div class="draggable" data-link-name={{@link.name}}>
-    {{d-icon "grip-lines"}}
-  </div>
+  {{#unless this.site.mobileView}}
+    <div class="draggable" data-link-name={{@link.name}}>
+      {{d-icon "grip-lines"}}
+    </div>
+  {{/unless}}
   <div class="input-group" role="cell">
     <IconPicker
       @name="icon"

app/assets/javascripts/discourse/app/components/sidebar/section-form-link.js

@@ -1,9 +1,11 @@
 import Component from "@glimmer/component";
 import { tracked } from "@glimmer/tracking";
 import { action } from "@ember/object";
+import { inject as service } from "@ember/service";
 import discourseLater from "discourse-common/lib/later";
 
 export default class SectionFormLink extends Component {
+  @service site;
   @tracked dragCssClass;
 
   dragCount = 0;

app/assets/stylesheets/mobile/_index.scss

@@ -27,6 +27,7 @@
 @import "push-notifications-mobile";
 @import "reviewables";
 @import "search";
+@import "sidebar";
 @import "tagging";
 @import "topic-list";
 @import "topic-post";

app/assets/stylesheets/mobile/sidebar.scss

@@ -0,0 +1,8 @@
+.sidebar-section-form-modal {
+  .row-wrapper {
+    grid-template-columns: 4.5em repeat(2, 1fr) 2em;
+    .link-icon {
+      grid-column: 1;
+    }
+  }
+}