Make fc snippet use filename

Author: spaceo

.vscode.example/dpl-design-system.code-snippets

@@ -7,22 +7,21 @@
   // Placeholders with the same ids are connected.
   "Dpl-design-system functional component": {
     "scope": "typescriptreact",
-    "prefix": "fcdplreact",
+    "prefix": "fcdpldesign",
     "body": [
-      "import * as React from \"react\";",
       "import { FC } from \"react\";",
       "",
-      "export interface ${1:component}Props {}",
+      "export interface ${1:${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}}Props {}",
       "",
-      "const ${1:component}: FC<${1:component}Props> = ({}) => {",
+      "const ${1}: FC<${1}Props> = ({}) => {",
       "return (",
       "<>",
       "Hello",
       "</>",
       ");",
       "};",
       "",
-      "export default ${1:component};"
+      "export default ${1};"
     ],
     "description": "Creates a skeleton for a new functional component in dpl-design-system style"
   },

src/stories/Library/search-result-page/FacetLine.tsx

@@ -34,7 +34,7 @@ const FacetLine: FC<FacetLineProps> = ({ items }) => {
             <li className="facet-line__item">
               <Dropdown
                 ariaLabel="Choose periodical year"
-                list={terms}
+                list={[{ title }, ...terms]}
                 arrowIcon="chevron"
                 classNames="dropdown--grey-borders"
               />