Disable commenting on invalid lines (no identifier or in renamed files)

What does this MR do and why?

Disables the comment button on a line of code if:

1. The file has no changes other than being moved, which causes an error when trying to save
2. The line of doesn't have a line_code assigned, which would make commenting impossible

This MR also fixes an existing bug with disabled comment buttons that would change the text color (and thus the color of the icon), but leave the background (since it's disabled), leading to the icon looking like it disappears.

Screenshots or screen recordings

	Before (master)	After (this branch)
Trying to comment on any line in a file that is only moved and/or renamed
Trying to comment on a line displayed by GitLab but isn't part of the source file

How to set up and validate locally

Please use the reproduction steps from the associated issue (rename a file in an MR).

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

Related to #239326 (closed)

app/assets/javascripts/diffs/components/diff_row_utils.js

@@ -57,21 +57,32 @@ export const classNameMapCell = ({ line, hll, isLoggedIn, isHover }) => {
 
 export const addCommentTooltip = (line) => {
   let tooltip;
-  if (!line) return tooltip;
+  if (!line) {
+    return tooltip;
+  }
 
   tooltip = __('Add a comment to this line or drag for multiple lines');
-  const brokenSymlinks = line.commentsDisabled;
 
-  if (brokenSymlinks) {
-    if (brokenSymlinks.wasSymbolic || brokenSymlinks.isSymbolic) {
+  if (!line.problems) {
+    return tooltip;
+  }
+
+  const { brokenSymlink, brokenLineCode, fileOnlyMoved } = line.problems;
+
+  if (brokenSymlink) {
+    if (brokenSymlink.wasSymbolic || brokenSymlink.isSymbolic) {
       tooltip = __(
         'Commenting on symbolic links that replace or are replaced by files is currently not supported.',
       );
-    } else if (brokenSymlinks.wasReal || brokenSymlinks.isReal) {
+    } else if (brokenSymlink.wasReal || brokenSymlink.isReal) {
       tooltip = __(
         'Commenting on files that replace or are replaced by symbolic links is currently not supported.',
       );
     }
+  } else if (fileOnlyMoved) {
+    tooltip = __('Commenting on files that are only moved or renamed is currently not supported');
+  } else if (brokenLineCode) {
+    tooltip = __('Commenting on this line is currently not supported');
   }
 
   return tooltip;