fix type optionLabel and format code

src/app/components/autocomplete/autocomplete.ts

@@ -555,7 +555,7 @@ export class AutoComplete implements AfterViewChecked, AfterContentInit, OnDestr
      * Property name or getter function to use as the label of an option.
      * @group Props
      */
-    @Input() optionLabel: string | undefined;
+    @Input() optionLabel: string | ((item: any) => string) | undefined;
     /**
      * Unique identifier of the component.
      * @group Props

src/app/showcase/doc/guides/csslayer/specificitydoc.ts

@@ -12,8 +12,8 @@ import { Code } from 'src/app/showcase/domain/code';
             </p>
             <p>
                 For example, let's assume you need to remove the rounded borders of the InputSwitch component defined by the theme in use. In order to achieve this, <i>.p-inputswitch .p-inputswitch-slider</i> selector needs to be overriden. Without
-                the layers, we'd have to write a stronger css or use <i>!important</i> however, with layers, this does not present an issue as your CSS can always override PrimeNG with a more straightforward class name such as
-                <i>my-inputswitch</i>. Another advantage of this approach is that it does not force you to figure out the built-in class names of the components.
+                the layers, we'd have to write a stronger css or use <i>!important</i> however, with layers, this does not present an issue as your CSS can always override PrimeNG with a more straightforward class name such as <i>my-inputswitch</i>.
+                Another advantage of this approach is that it does not force you to figure out the built-in class names of the components.
             </p>
             <div class="card flex justify-content-center">
                 <p-inputSwitch [(ngModel)]="checked" styleClass="my-inputswitch" />