Update some empty states texts after UX review

This is updating the DOM breakpoints text, and changes the Learn
more link not to be wrappable (new line).

Bug: 325443331
Change-Id: I49ce128b082352c26e71d98061e41a9b894fb5af
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6198406
Commit-Queue: Kateryna Prokopenko <[email protected]>
Commit-Queue: Kim-Anh Tran <[email protected]>
Auto-Submit: Kim-Anh Tran <[email protected]>
Reviewed-by: Kateryna Prokopenko <[email protected]>

Author: ktran

front_end/panels/browser_debugger/DOMBreakpointsSidebarPane.ts

@@ -42,7 +42,7 @@ const UIStrings = {
   /**
    *@description Header text to indicate there are no breakpoints
    */
-  noBreakpoints: 'You\'ll find DOM breakpoints here',
+  noBreakpoints: 'No DOM breakpoints set',
   /**
    *@description DOM breakpoints description that shows if no DOM breakpoints are set
    */

front_end/ui/legacy/inspectorCommon.css

@@ -579,6 +579,7 @@ select option {
     color: var(--sys-color-on-surface-subtle);
 
     > x-link {  /* stylelint-disable-line selector-type-no-unknown */
+      white-space: nowrap;
       margin-left: var(--sys-size-3);
     }
   }