Custom Snippets Feature

[devvaannsh]

Tracking issue: #2268
This PR brings the support of Custom Snippets feature to Phoenix.

Custom snippets let users define short abbreviations. When typed in the editor, these trigger a hint. Selecting the hint expands it into the corresponding template text.

This helps reduce development time by avoiding repetitive typing.

Visual References
https://github.com/user-attachments/assets/a0a8d4f4-42d1-4c94-b2e2-4529371284c3 <- checkout this video too.

Untitled.video.-.Made.with.Clipchamp.20.mp4

[devvaannsh]

This are some more changes that are made (after rebase):
(Each point refers to a commit)

1. Move all the files to parent 'Custom Snippets' directory and removed the 'src' directory.

2. Added license to all the files of custom snippets

3. There was a bug where custom snippets in code completion were showing up in creation order instead of relevance order. So if a user had snippets "clgi" and "clg", and "clgi" was created first, typing "clg" would show "clgi" at the top even though "clg" is an exact match. Fixed that by prioritizing exact matches over partial matches. Now when users type "clg", they'll see "clg" first (exact match) followed by "clgi" (partial match).

4. Snippet description was not properly visible. Also increased the max-description length from 70 to 80 chars.
   Before
   
   After
   

5. When a multiline snippet was expanded into the editor (maybe inside a function or something) then the indentation was not being taken care of. Fixed that.

6. Remove optional chaining as it is not supported and was causing the prod:release build to fail.

[Copilot]

Pull Request Overview

This PR introduces a Custom Snippets feature to allow users to quickly expand short abbreviations into their corresponding code templates. Key changes include new CSS rules and Less imports to style custom snippet hints, new extension modules (such as snippetsState, snippetsList, snippetCodeHints, driver, and codeHintIntegration) for managing snippet state and editor integration, and a new UI panel for displaying and managing custom snippets.

Reviewed Changes

Copilot reviewed 17 out of 17 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
src/styles/brackets_patterns_override.less	Adds new styles for custom snippet code hints and snippet description display
src/styles/brackets.less	Imports the custom snippets stylesheet
src/extensionsIntegrated/loader.js	Loads the new Custom Snippets extension
src/extensionsIntegrated/CustomSnippets/*.js	Introduces several new modules to manage snippet state, list, code hints, and integration with the editor
src/extensionsIntegrated/CustomSnippets/htmlContent/snippets-panel.html	Provides the new UI panel for custom snippets

[sonarqubecloud]

Quality Gate passed

Issues
52 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud